heart cardiogram icon
heart-cardiogram-24px from Health Icons by Resolve to Save Lives · Filled 24px · Symbols · MIT Free for personal and commercial use.
- Name
- heart-cardiogram-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- Symbols
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
More symbols icons from Health Icons
Use the heart 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.544 20.89l.456.233l.455-.233h.002l.001-.001l.005-.003l.015-.008a7 7 0 0 0 .244-.132c.162-.09.393-.223.674-.395a23 23 0 0 0 2.16-1.51c1.634-1.29 3.598-3.217 4.664-5.678c.318-.588.78-1.925.78-3.646c0-1.629-.508-3.22-1.4-4.427C19.705 3.88 18.37 3 16.75 3c-.622 0-1.2.22-1.678.48a7.5 7.5 0 0 0-1.315.94c-.28.245-.537.497-.757.727c-.22-.23-.476-.482-.757-.728a7.5 7.5 0 0 0-1.315-.94C10.45 3.22 9.872 3 9.25 3c-1.62 0-2.955.88-3.85 2.09C4.508 6.297 4 7.888 4 9.517c0 .824.175 1.706.37 2.417h3.564L10.18 8.25l1.543 3.795l.742-1.095H16v1.968h-2.465l-2.258 3.332l-1.457-3.585l-.754 1.237H5.134c1.11 2.11 2.844 3.781 4.31 4.94a23 23 0 0 0 2.16 1.509a19 19 0 0 0 .918.527l.015.008l.005.003zM2 11.934v1.968h3.128l-.217-.512c-.259-.61-.44-1.034-.55-1.456z"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsHeartCardiogram24px(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.544 20.89l.456.233l.455-.233h.002l.001-.001l.005-.003l.015-.008a7 7 0 0 0 .244-.132c.162-.09.393-.223.674-.395a23 23 0 0 0 2.16-1.51c1.634-1.29 3.598-3.217 4.664-5.678c.318-.588.78-1.925.78-3.646c0-1.629-.508-3.22-1.4-4.427C19.705 3.88 18.37 3 16.75 3c-.622 0-1.2.22-1.678.48a7.5 7.5 0 0 0-1.315.94c-.28.245-.537.497-.757.727c-.22-.23-.476-.482-.757-.728a7.5 7.5 0 0 0-1.315-.94C10.45 3.22 9.872 3 9.25 3c-1.62 0-2.955.88-3.85 2.09C4.508 6.297 4 7.888 4 9.517c0 .824.175 1.706.37 2.417h3.564L10.18 8.25l1.543 3.795l.742-1.095H16v1.968h-2.465l-2.258 3.332l-1.457-3.585l-.754 1.237H5.134c1.11 2.11 2.844 3.781 4.31 4.94a23 23 0 0 0 2.16 1.509a19 19 0 0 0 .918.527l.015.008l.005.003zM2 11.934v1.968h3.128l-.217-.512c-.259-.61-.44-1.034-.55-1.456z"/></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.544 20.89l.456.233l.455-.233h.002l.001-.001l.005-.003l.015-.008a7 7 0 0 0 .244-.132c.162-.09.393-.223.674-.395a23 23 0 0 0 2.16-1.51c1.634-1.29 3.598-3.217 4.664-5.678c.318-.588.78-1.925.78-3.646c0-1.629-.508-3.22-1.4-4.427C19.705 3.88 18.37 3 16.75 3c-.622 0-1.2.22-1.678.48a7.5 7.5 0 0 0-1.315.94c-.28.245-.537.497-.757.727c-.22-.23-.476-.482-.757-.728a7.5 7.5 0 0 0-1.315-.94C10.45 3.22 9.872 3 9.25 3c-1.62 0-2.955.88-3.85 2.09C4.508 6.297 4 7.888 4 9.517c0 .824.175 1.706.37 2.417h3.564L10.18 8.25l1.543 3.795l.742-1.095H16v1.968h-2.465l-2.258 3.332l-1.457-3.585l-.754 1.237H5.134c1.11 2.11 2.844 3.781 4.31 4.94a23 23 0 0 0 2.16 1.509a19 19 0 0 0 .918.527l.015.008l.005.003zM2 11.934v1.968h3.128l-.217-.512c-.259-.61-.44-1.034-.55-1.456z"/></svg> </template>
CSS
.icon-heart-cardiogram-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.544%2020.89l.456.233l.455-.233h.002l.001-.001l.005-.003l.015-.008a7%207%200%200%200%20.244-.132c.162-.09.393-.223.674-.395a23%2023%200%200%200%202.16-1.51c1.634-1.29%203.598-3.217%204.664-5.678c.318-.588.78-1.925.78-3.646c0-1.629-.508-3.22-1.4-4.427C19.705%203.88%2018.37%203%2016.75%203c-.622%200-1.2.22-1.678.48a7.5%207.5%200%200%200-1.315.94c-.28.245-.537.497-.757.727c-.22-.23-.476-.482-.757-.728a7.5%207.5%200%200%200-1.315-.94C10.45%203.22%209.872%203%209.25%203c-1.62%200-2.955.88-3.85%202.09C4.508%206.297%204%207.888%204%209.517c0%20.824.175%201.706.37%202.417h3.564L10.18%208.25l1.543%203.795l.742-1.095H16v1.968h-2.465l-2.258%203.332l-1.457-3.585l-.754%201.237H5.134c1.11%202.11%202.844%203.781%204.31%204.94a23%2023%200%200%200%202.16%201.509a19%2019%200%200%200%20.918.527l.015.008l.005.003zM2%2011.934v1.968h3.128l-.217-.512c-.259-.61-.44-1.034-.55-1.456z%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.544%2020.89l.456.233l.455-.233h.002l.001-.001l.005-.003l.015-.008a7%207%200%200%200%20.244-.132c.162-.09.393-.223.674-.395a23%2023%200%200%200%202.16-1.51c1.634-1.29%203.598-3.217%204.664-5.678c.318-.588.78-1.925.78-3.646c0-1.629-.508-3.22-1.4-4.427C19.705%203.88%2018.37%203%2016.75%203c-.622%200-1.2.22-1.678.48a7.5%207.5%200%200%200-1.315.94c-.28.245-.537.497-.757.727c-.22-.23-.476-.482-.757-.728a7.5%207.5%200%200%200-1.315-.94C10.45%203.22%209.872%203%209.25%203c-1.62%200-2.955.88-3.85%202.09C4.508%206.297%204%207.888%204%209.517c0%20.824.175%201.706.37%202.417h3.564L10.18%208.25l1.543%203.795l.742-1.095H16v1.968h-2.465l-2.258%203.332l-1.457-3.585l-.754%201.237H5.134c1.11%202.11%202.844%203.781%204.31%204.94a23%2023%200%200%200%202.16%201.509a19%2019%200%200%200%20.918.527l.015.008l.005.003zM2%2011.934v1.968h3.128l-.217-.512c-.259-.61-.44-1.034-.55-1.456z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/heart-cardiogram-24px.svg?color=%231a73e8&size=48
