Home Heart Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Home Heart icon is commonly used in navigation bars, dashboards and breadcrumbs. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310760.svg" alt="Home Heart icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310760.svg" alt="Home Heart icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310760.svg" alt="Home Heart icon" :width="24" :height="24" />
CSS background
.icon-home-heart {
background-image: url('https://proicons.com/icon/310760.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6325 7.11089L13.1591 3.08871C12.805 2.86736 12.3957 2.75 11.9781 2.75C11.5605 2.75 11.1512 2.86736 10.7971 3.08871L4.3237 7.13318C3.95562 7.36509 3.66349 7.69966 3.48332 8.09564C3.30315 8.49161 3.24283 8.93168 3.3098 9.36153L4.98106 19.3891C5.06888 19.9144 5.3419 20.3908 5.75067 20.7321C6.15944 21.0734 6.67693 21.2571 7.20941 21.2498H16.7913C17.3238 21.2571 17.8413 21.0734 18.2501 20.7321C18.6588 20.3908 18.9319 19.9144 19.0197 19.3891L20.6909 9.36153C20.7582 8.92366 20.6935 8.47568 20.5049 8.07479C20.3164 7.67391 20.0126 7.33833 19.6325 7.11089Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 10.8181C11.1063 8.79449 9.02731 8.61461 8.05917 9.49714C7.271 10.2054 6.89243 11.903 7.61233 13.4657C8.85354 16.1526 12 17.5636 12 17.5636C12 17.5636 15.1465 16.1526 16.3877 13.4657C17.1076 11.903 16.729 10.2054 15.9409 9.49714C14.9727 8.61461 12.8937 8.79449 12 10.8181Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Home Heart in other icon packs
Copied!