heartbeat icon
heartbeat from Line Awesome by Icons8 · Line · Medical · Apache-2.0 Free for personal and commercial use.
- Name
- heartbeat
- Set
- Line Awesome
- Style
- Line
- Category
- Medical
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- heartbeat-solid
The same icon in other sets
More medical icons from Line Awesome
Use the heartbeat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M10.781 5C6.492 5 3 8.3 3 12.36c0 .218.02.425.035.64H5.04a7 7 0 0 1-.039-.64C5 9.405 7.594 7 10.781 7c1.457 0 2.848.504 3.918 1.418L16 9.531l1.3-1.113C18.368 7.504 19.759 7 21.22 7C24.406 7 27 9.406 27 12.36c0 5.12-4.824 8.156-8.703 10.597c-.887.555-1.664 1.047-2.297 1.512c-.633-.465-1.41-.957-2.297-1.512c-1.808-1.137-3.82-2.406-5.457-3.957H5.531c1.98 2.41 4.785 4.188 7.11 5.652c.972.61 1.808 1.137 2.402 1.602c0 0 .95.738.957.746c.004-.008.953-.746.953-.746c.594-.465 1.43-.992 2.406-1.602C23.426 22.09 29 18.586 29 12.36C29 8.301 25.508 5 21.219 5c-1.95 0-3.797.68-5.219 1.898C14.578 5.68 12.727 5 10.781 5m1.188 4.387l-2.336 5.832L9.414 15H3v2h5.586l1.777 1.781l1.668-4.168l3 7l2.07-5.175l.282.562h1.887A1.999 1.999 0 0 0 23 16a1.999 1.999 0 0 0-3.73-1h-.653l-1.719-3.438l-1.93 4.825z"/></svg>
React
import type { SVGProps } from "react";
export function LaHeartbeat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M10.781 5C6.492 5 3 8.3 3 12.36c0 .218.02.425.035.64H5.04a7 7 0 0 1-.039-.64C5 9.405 7.594 7 10.781 7c1.457 0 2.848.504 3.918 1.418L16 9.531l1.3-1.113C18.368 7.504 19.759 7 21.22 7C24.406 7 27 9.406 27 12.36c0 5.12-4.824 8.156-8.703 10.597c-.887.555-1.664 1.047-2.297 1.512c-.633-.465-1.41-.957-2.297-1.512c-1.808-1.137-3.82-2.406-5.457-3.957H5.531c1.98 2.41 4.785 4.188 7.11 5.652c.972.61 1.808 1.137 2.402 1.602c0 0 .95.738.957.746c.004-.008.953-.746.953-.746c.594-.465 1.43-.992 2.406-1.602C23.426 22.09 29 18.586 29 12.36C29 8.301 25.508 5 21.219 5c-1.95 0-3.797.68-5.219 1.898C14.578 5.68 12.727 5 10.781 5m1.188 4.387l-2.336 5.832L9.414 15H3v2h5.586l1.777 1.781l1.668-4.168l3 7l2.07-5.175l.282.562h1.887A1.999 1.999 0 0 0 23 16a1.999 1.999 0 0 0-3.73-1h-.653l-1.719-3.438l-1.93 4.825z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M10.781 5C6.492 5 3 8.3 3 12.36c0 .218.02.425.035.64H5.04a7 7 0 0 1-.039-.64C5 9.405 7.594 7 10.781 7c1.457 0 2.848.504 3.918 1.418L16 9.531l1.3-1.113C18.368 7.504 19.759 7 21.22 7C24.406 7 27 9.406 27 12.36c0 5.12-4.824 8.156-8.703 10.597c-.887.555-1.664 1.047-2.297 1.512c-.633-.465-1.41-.957-2.297-1.512c-1.808-1.137-3.82-2.406-5.457-3.957H5.531c1.98 2.41 4.785 4.188 7.11 5.652c.972.61 1.808 1.137 2.402 1.602c0 0 .95.738.957.746c.004-.008.953-.746.953-.746c.594-.465 1.43-.992 2.406-1.602C23.426 22.09 29 18.586 29 12.36C29 8.301 25.508 5 21.219 5c-1.95 0-3.797.68-5.219 1.898C14.578 5.68 12.727 5 10.781 5m1.188 4.387l-2.336 5.832L9.414 15H3v2h5.586l1.777 1.781l1.668-4.168l3 7l2.07-5.175l.282.562h1.887A1.999 1.999 0 0 0 23 16a1.999 1.999 0 0 0-3.73-1h-.653l-1.719-3.438l-1.93 4.825z"/></svg> </template>
CSS
.icon-heartbeat {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.781%205C6.492%205%203%208.3%203%2012.36c0%20.218.02.425.035.64H5.04a7%207%200%200%201-.039-.64C5%209.405%207.594%207%2010.781%207c1.457%200%202.848.504%203.918%201.418L16%209.531l1.3-1.113C18.368%207.504%2019.759%207%2021.22%207C24.406%207%2027%209.406%2027%2012.36c0%205.12-4.824%208.156-8.703%2010.597c-.887.555-1.664%201.047-2.297%201.512c-.633-.465-1.41-.957-2.297-1.512c-1.808-1.137-3.82-2.406-5.457-3.957H5.531c1.98%202.41%204.785%204.188%207.11%205.652c.972.61%201.808%201.137%202.402%201.602c0%200%20.95.738.957.746c.004-.008.953-.746.953-.746c.594-.465%201.43-.992%202.406-1.602C23.426%2022.09%2029%2018.586%2029%2012.36C29%208.301%2025.508%205%2021.219%205c-1.95%200-3.797.68-5.219%201.898C14.578%205.68%2012.727%205%2010.781%205m1.188%204.387l-2.336%205.832L9.414%2015H3v2h5.586l1.777%201.781l1.668-4.168l3%207l2.07-5.175l.282.562h1.887A1.999%201.999%200%200%200%2023%2016a1.999%201.999%200%200%200-3.73-1h-.653l-1.719-3.438l-1.93%204.825z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.781%205C6.492%205%203%208.3%203%2012.36c0%20.218.02.425.035.64H5.04a7%207%200%200%201-.039-.64C5%209.405%207.594%207%2010.781%207c1.457%200%202.848.504%203.918%201.418L16%209.531l1.3-1.113C18.368%207.504%2019.759%207%2021.22%207C24.406%207%2027%209.406%2027%2012.36c0%205.12-4.824%208.156-8.703%2010.597c-.887.555-1.664%201.047-2.297%201.512c-.633-.465-1.41-.957-2.297-1.512c-1.808-1.137-3.82-2.406-5.457-3.957H5.531c1.98%202.41%204.785%204.188%207.11%205.652c.972.61%201.808%201.137%202.402%201.602c0%200%20.95.738.957.746c.004-.008.953-.746.953-.746c.594-.465%201.43-.992%202.406-1.602C23.426%2022.09%2029%2018.586%2029%2012.36C29%208.301%2025.508%205%2021.219%205c-1.95%200-3.797.68-5.219%201.898C14.578%205.68%2012.727%205%2010.781%205m1.188%204.387l-2.336%205.832L9.414%2015H3v2h5.586l1.777%201.781l1.668-4.168l3%207l2.07-5.175l.282.562h1.887A1.999%201.999%200%200%200%2023%2016a1.999%201.999%200%200%200-3.73-1h-.653l-1.719-3.438l-1.93%204.825z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/heartbeat.svg?color=%231a73e8&size=48
