Home Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Home 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/310763.svg" alt="Home icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310763.svg" alt="Home icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310763.svg" alt="Home icon" :width="24" :height="24" />
CSS background
.icon-home {
background-image: url('https://proicons.com/icon/310763.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"/> </svg>
Home in other icon packs
Copied!