Heartbeat Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Heartbeat icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/305846.svg" alt="Heartbeat icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305846.svg" alt="Heartbeat icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305846.svg" alt="Heartbeat icon" :width="24" :height="24" />
CSS background
.icon-heartbeat {
background-image: url('https://proicons.com/icon/305846.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M918 92H82c-45 0-82 37-82 82v653c0 45 37 81 82 81h836c45 0 82-36 82-81V174c0-45-37-82-82-82zm17 735c0 9-8 16-17 16H82c-9 0-17-7-17-16V174c0-9 8-17 17-17h836c9 0 17 8 17 17v653zM822 218H179c-28 0-49 22-49 49v237h110l46-44c5-4 12-7 18-6 7 0 13 3 18 8l20 23 23-121c2-10 11-18 22-20 10-1 21 5 25 15l29 71 28-59c4-9 14-15 24-14s19 8 22 18l44 150 16-88c2-10 10-18 20-20s20 4 25 13l43 78 27-55c4-8 13-13 22-13h159V267c0-28-22-49-49-49zM686 572c-4 8-12 14-21 14s-18-5-22-13l-32-59-22 122c-2 12-12 20-23 20h-1c-11 0-21-7-24-17l-55-189-24 51c-5 9-14 14-23 14-10 0-18-6-22-15l-19-46-18 90c-1 9-8 17-17 19-9 3-19 0-25-8l-36-41-35 32c-5 5-11 7-17 7H130v181c0 27 22 49 49 49h643c27 0 49-22 49-49V489H727l-41 83z"/></svg>
Copied!