Home Icon
Free SVG icon from the IconaMoon 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/309171.svg" alt="Home icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/309171.svg" alt="Home icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/309171.svg" alt="Home icon" :width="24" :height="24" />
CSS background
.icon-home {
background-image: url('https://proicons.com/icon/309171.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.75 10C19.75 9.58579 19.4142 9.25 19 9.25C18.5858 9.25 18.25 9.58579 18.25 10H19.75ZM5.75 10C5.75 9.58579 5.41421 9.25 5 9.25C4.58579 9.25 4.25 9.58579 4.25 10H5.75ZM20.4697 12.5303C20.7626 12.8232 21.2374 12.8232 21.5303 12.5303C21.8232 12.2374 21.8232 11.7626 21.5303 11.4697L20.4697 12.5303ZM12 3L12.5303 2.46967C12.2374 2.17678 11.7626 2.17678 11.4697 2.46967L12 3ZM2.46967 11.4697C2.17678 11.7626 2.17678 12.2374 2.46967 12.5303C2.76256 12.8232 3.23744 12.8232 3.53033 12.5303L2.46967 11.4697ZM7 21.75H17V20.25H7V21.75ZM19.75 19V10H18.25V19H19.75ZM5.75 19V10H4.25V19H5.75ZM21.5303 11.4697L12.5303 2.46967L11.4697 3.53033L20.4697 12.5303L21.5303 11.4697ZM11.4697 2.46967L2.46967 11.4697L3.53033 12.5303L12.5303 3.53033L11.4697 2.46967ZM17 21.75C18.5188 21.75 19.75 20.5188 19.75 19H18.25C18.25 19.6904 17.6904 20.25 17 20.25V21.75ZM7 20.25C6.30964 20.25 5.75 19.6904 5.75 19H4.25C4.25 20.5188 5.48122 21.75 7 21.75V20.25Z" fill="#292929"/> </svg>
More from IconaMoon
View all
Home in other icon packs
Copied!