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/310166.svg" alt="Home Heart icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310166.svg" alt="Home Heart icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310166.svg" alt="Home Heart icon" :width="24" :height="24" />
CSS background
.icon-home-heart {
background-image: url('https://proicons.com/icon/310166.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="M21.1841 7.76491C20.9349 7.23136 20.5306 6.78531 20.0241 6.48491L13.5641 2.48491C13.0895 2.19089 12.5423 2.03511 11.9841 2.03511C11.4258 2.03511 10.8786 2.19089 10.4041 2.48491L3.92409 6.48491C3.43362 6.79728 3.04452 7.24543 2.80409 7.77489C2.56359 8.30709 2.48367 8.89792 2.57411 9.4749L4.2441 19.4749C4.36353 20.1674 4.72224 20.796 5.25771 21.251C5.79317 21.7061 6.47141 21.9587 7.17409 21.9649H16.8041C17.5141 21.9566 18.2009 21.7101 18.7541 21.2649C19.2873 20.8042 19.6413 20.1705 19.7541 19.4749L21.4241 9.4749C21.5189 8.89375 21.4353 8.2975 21.1841 7.76491ZM16.4541 13.7649C15.5131 15.4804 14.0485 16.8504 12.2741 17.6749C12.1917 17.7215 12.0987 17.7456 12.0041 17.7449C11.9094 17.7466 11.816 17.7224 11.7341 17.6749C9.95767 16.8533 8.49231 15.4826 7.55409 13.7649C7.20621 13.0837 7.07257 12.3132 7.17073 11.5547C7.2689 10.7962 7.59426 10.0851 8.10408 9.51491C8.40781 9.24999 8.77069 9.06178 9.16219 8.96608C9.55369 8.87038 9.96239 8.86996 10.3541 8.96489C10.9992 9.10744 11.5792 9.45897 12.0041 9.96489C12.429 9.45897 13.009 9.10744 13.6541 8.96489C14.0458 8.86996 14.4545 8.87038 14.846 8.96608C15.2375 9.06178 15.6003 9.24999 15.9041 9.51491C16.404 10.0844 16.7232 10.7898 16.8212 11.5412C16.9191 12.2927 16.7914 13.0563 16.4541 13.7349V13.7649Z" fill="black"/> </svg>
Home Heart in other icon packs
Copied!