cardiogram icon
cardiogram-outline-24px from Health Icons by Resolve to Save Lives · Outline 24px · Symbols · MIT Free for personal and commercial use.
- Name
- cardiogram-outline-24px
- Set
- Health Icons
- Style
- Outline 24px
- Category
- Symbols
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
More symbols icons from Health Icons
Use the cardiogram icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.268 19.313L13.5 20.5l1.233-1.178l.033-.032C19.125 15.1 22 12.336 22 8.946C22 6.176 19.943 4 17.325 4a4.8 4.8 0 0 0-2.29.597A5.1 5.1 0 0 0 13.5 5.879a5.1 5.1 0 0 0-1.535-1.282A4.8 4.8 0 0 0 9.675 4C7.057 4 5 6.176 5 8.945c0 .706.125 1.385.361 2.055H2v2h7.5l.887-1.182l1.975 3.456L14.98 12h2.52v-2h-3.48l-1.382 1.726l-2.025-3.544L8.5 11h-.967C7.16 10.256 7 9.594 7 8.945C7 7.173 8.266 6 9.675 6c.83 0 1.692.42 2.267 1.133L13.5 9.07l1.558-1.936C15.633 6.42 16.495 6 17.325 6C18.734 6 20 7.173 20 8.945c0 1.079-.441 2.195-1.575 3.662c-1.131 1.465-2.77 3.054-4.92 5.121A137 137 0 0 1 10.714 15H7.97c1.159 1.302 2.614 2.698 4.287 4.303z"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsCardiogramOutline24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.268 19.313L13.5 20.5l1.233-1.178l.033-.032C19.125 15.1 22 12.336 22 8.946C22 6.176 19.943 4 17.325 4a4.8 4.8 0 0 0-2.29.597A5.1 5.1 0 0 0 13.5 5.879a5.1 5.1 0 0 0-1.535-1.282A4.8 4.8 0 0 0 9.675 4C7.057 4 5 6.176 5 8.945c0 .706.125 1.385.361 2.055H2v2h7.5l.887-1.182l1.975 3.456L14.98 12h2.52v-2h-3.48l-1.382 1.726l-2.025-3.544L8.5 11h-.967C7.16 10.256 7 9.594 7 8.945C7 7.173 8.266 6 9.675 6c.83 0 1.692.42 2.267 1.133L13.5 9.07l1.558-1.936C15.633 6.42 16.495 6 17.325 6C18.734 6 20 7.173 20 8.945c0 1.079-.441 2.195-1.575 3.662c-1.131 1.465-2.77 3.054-4.92 5.121A137 137 0 0 1 10.714 15H7.97c1.159 1.302 2.614 2.698 4.287 4.303z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.268 19.313L13.5 20.5l1.233-1.178l.033-.032C19.125 15.1 22 12.336 22 8.946C22 6.176 19.943 4 17.325 4a4.8 4.8 0 0 0-2.29.597A5.1 5.1 0 0 0 13.5 5.879a5.1 5.1 0 0 0-1.535-1.282A4.8 4.8 0 0 0 9.675 4C7.057 4 5 6.176 5 8.945c0 .706.125 1.385.361 2.055H2v2h7.5l.887-1.182l1.975 3.456L14.98 12h2.52v-2h-3.48l-1.382 1.726l-2.025-3.544L8.5 11h-.967C7.16 10.256 7 9.594 7 8.945C7 7.173 8.266 6 9.675 6c.83 0 1.692.42 2.267 1.133L13.5 9.07l1.558-1.936C15.633 6.42 16.495 6 17.325 6C18.734 6 20 7.173 20 8.945c0 1.079-.441 2.195-1.575 3.662c-1.131 1.465-2.77 3.054-4.92 5.121A137 137 0 0 1 10.714 15H7.97c1.159 1.302 2.614 2.698 4.287 4.303z"/></svg> </template>
CSS
.icon-cardiogram-outline-24px {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.268%2019.313L13.5%2020.5l1.233-1.178l.033-.032C19.125%2015.1%2022%2012.336%2022%208.946C22%206.176%2019.943%204%2017.325%204a4.8%204.8%200%200%200-2.29.597A5.1%205.1%200%200%200%2013.5%205.879a5.1%205.1%200%200%200-1.535-1.282A4.8%204.8%200%200%200%209.675%204C7.057%204%205%206.176%205%208.945c0%20.706.125%201.385.361%202.055H2v2h7.5l.887-1.182l1.975%203.456L14.98%2012h2.52v-2h-3.48l-1.382%201.726l-2.025-3.544L8.5%2011h-.967C7.16%2010.256%207%209.594%207%208.945C7%207.173%208.266%206%209.675%206c.83%200%201.692.42%202.267%201.133L13.5%209.07l1.558-1.936C15.633%206.42%2016.495%206%2017.325%206C18.734%206%2020%207.173%2020%208.945c0%201.079-.441%202.195-1.575%203.662c-1.131%201.465-2.77%203.054-4.92%205.121A137%20137%200%200%201%2010.714%2015H7.97c1.159%201.302%202.614%202.698%204.287%204.303z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.268%2019.313L13.5%2020.5l1.233-1.178l.033-.032C19.125%2015.1%2022%2012.336%2022%208.946C22%206.176%2019.943%204%2017.325%204a4.8%204.8%200%200%200-2.29.597A5.1%205.1%200%200%200%2013.5%205.879a5.1%205.1%200%200%200-1.535-1.282A4.8%204.8%200%200%200%209.675%204C7.057%204%205%206.176%205%208.945c0%20.706.125%201.385.361%202.055H2v2h7.5l.887-1.182l1.975%203.456L14.98%2012h2.52v-2h-3.48l-1.382%201.726l-2.025-3.544L8.5%2011h-.967C7.16%2010.256%207%209.594%207%208.945C7%207.173%208.266%206%209.675%206c.83%200%201.692.42%202.267%201.133L13.5%209.07l1.558-1.936C15.633%206.42%2016.495%206%2017.325%206C18.734%206%2020%207.173%2020%208.945c0%201.079-.441%202.195-1.575%203.662c-1.131%201.465-2.77%203.054-4.92%205.121A137%20137%200%200%201%2010.714%2015H7.97c1.159%201.302%202.614%202.698%204.287%204.303z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/cardiogram-outline-24px.svg?color=%231a73e8&size=48
