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/307651.svg" alt="Home icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307651.svg" alt="Home icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307651.svg" alt="Home icon" :width="24" :height="24" />
CSS background
.icon-home {
background-image: url('https://proicons.com/icon/307651.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="M20.25 10C20.25 9.30964 19.6904 8.75 19 8.75C18.3096 8.75 17.75 9.30964 17.75 10H20.25ZM6.25 10C6.25 9.30964 5.69036 8.75 5 8.75C4.30964 8.75 3.75 9.30964 3.75 10H6.25ZM20.1161 12.8839C20.6043 13.372 21.3957 13.372 21.8839 12.8839C22.372 12.3957 22.372 11.6043 21.8839 11.1161L20.1161 12.8839ZM12 3L12.8839 2.11612C12.3957 1.62796 11.6043 1.62796 11.1161 2.11612L12 3ZM2.11612 11.1161C1.62796 11.6043 1.62796 12.3957 2.11612 12.8839C2.60427 13.372 3.39573 13.372 3.88388 12.8839L2.11612 11.1161ZM7 22.25H17V19.75H7V22.25ZM20.25 19V10H17.75V19H20.25ZM6.25 19V10H3.75V19H6.25ZM21.8839 11.1161L12.8839 2.11612L11.1161 3.88388L20.1161 12.8839L21.8839 11.1161ZM11.1161 2.11612L2.11612 11.1161L3.88388 12.8839L12.8839 3.88388L11.1161 2.11612ZM17 22.25C18.7949 22.25 20.25 20.7949 20.25 19H17.75C17.75 19.4142 17.4142 19.75 17 19.75V22.25ZM7 19.75C6.58579 19.75 6.25 19.4142 6.25 19H3.75C3.75 20.7949 5.20507 22.25 7 22.25V19.75Z" fill="#292929"/> </svg>
More from IconaMoon
View all
Home in other icon packs
Copied!