Home Cross Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Home Cross 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/310759.svg" alt="Home Cross icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310759.svg" alt="Home Cross icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310759.svg" alt="Home Cross icon" :width="24" :height="24" />
CSS background
.icon-home-cross {
background-image: url('https://proicons.com/icon/310759.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"/> <path d="M15.2375 10.1862L8.76251 16.6613" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M8.7625 10.2003L15.2375 16.6753" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> </svg>
More from Mage Icons
View all
Copied!