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/310169.svg" alt="Home icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310169.svg" alt="Home icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310169.svg" alt="Home icon" :width="24" :height="24" />
CSS background
.icon-home {
background-image: url('https://proicons.com/icon/310169.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.4442 9.47336L19.7742 19.4734C19.6614 20.169 19.3074 20.8026 18.7742 21.2633C18.206 21.7163 17.5009 21.9631 16.7742 21.9633H7.16422C6.46153 21.9572 5.7833 21.7045 5.24783 21.2495C4.71237 20.7944 4.35366 20.1658 4.23422 19.4734L2.56424 9.47336C2.4738 8.89638 2.55372 8.30555 2.79422 7.77335C3.03464 7.24389 3.42375 6.79571 3.91422 6.48334L10.3942 2.48334C10.8676 2.1913 11.4129 2.03665 11.9692 2.03665C12.5255 2.03665 13.0708 2.1913 13.5442 2.48334L20.0142 6.48334C20.5207 6.78374 20.925 7.22979 21.1742 7.76334C21.4303 8.29442 21.5242 8.88921 21.4442 9.47336Z" fill="black"/> </svg>
Home in other icon packs
Copied!