home 09 icon
home-09 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- home-09
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the home 09 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 13.503h-2a1.5 1.5 0 0 0-1.5 1.5v5.498a.994.994 0 0 1-1.001.997c-2.326-.024-3.618-.165-4.474-1.02C3 19.451 3 17.801 3 14.501v-2.51c0-1.681 0-2.522.356-3.25c.356-.727 1.02-1.243 2.346-2.276l2-1.555C9.767 3.305 10.8 2.502 12 2.502s2.233.803 4.298 2.409l2 1.555c1.327 1.033 1.99 1.549 2.346 2.276c.356.728.356 1.569.356 3.25v2.51c0 3.3 0 4.95-1.025 5.975c-.856.856-2.148.997-4.474 1.02a.994.994 0 0 1-1.001-.996v-5.498a1.5 1.5 0 0 0-1.5-1.5"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsHome09(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M13 13.503h-2a1.5 1.5 0 0 0-1.5 1.5v5.498a.994.994 0 0 1-1.001.997c-2.326-.024-3.618-.165-4.474-1.02C3 19.451 3 17.801 3 14.501v-2.51c0-1.681 0-2.522.356-3.25c.356-.727 1.02-1.243 2.346-2.276l2-1.555C9.767 3.305 10.8 2.502 12 2.502s2.233.803 4.298 2.409l2 1.555c1.327 1.033 1.99 1.549 2.346 2.276c.356.728.356 1.569.356 3.25v2.51c0 3.3 0 4.95-1.025 5.975c-.856.856-2.148.997-4.474 1.02a.994.994 0 0 1-1.001-.996v-5.498a1.5 1.5 0 0 0-1.5-1.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 13.503h-2a1.5 1.5 0 0 0-1.5 1.5v5.498a.994.994 0 0 1-1.001.997c-2.326-.024-3.618-.165-4.474-1.02C3 19.451 3 17.801 3 14.501v-2.51c0-1.681 0-2.522.356-3.25c.356-.727 1.02-1.243 2.346-2.276l2-1.555C9.767 3.305 10.8 2.502 12 2.502s2.233.803 4.298 2.409l2 1.555c1.327 1.033 1.99 1.549 2.346 2.276c.356.728.356 1.569.356 3.25v2.51c0 3.3 0 4.95-1.025 5.975c-.856.856-2.148.997-4.474 1.02a.994.994 0 0 1-1.001-.996v-5.498a1.5 1.5 0 0 0-1.5-1.5"/></svg> </template>
CSS
.icon-home-09 {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M13%2013.503h-2a1.5%201.5%200%200%200-1.5%201.5v5.498a.994.994%200%200%201-1.001.997c-2.326-.024-3.618-.165-4.474-1.02C3%2019.451%203%2017.801%203%2014.501v-2.51c0-1.681%200-2.522.356-3.25c.356-.727%201.02-1.243%202.346-2.276l2-1.555C9.767%203.305%2010.8%202.502%2012%202.502s2.233.803%204.298%202.409l2%201.555c1.327%201.033%201.99%201.549%202.346%202.276c.356.728.356%201.569.356%203.25v2.51c0%203.3%200%204.95-1.025%205.975c-.856.856-2.148.997-4.474%201.02a.994.994%200%200%201-1.001-.996v-5.498a1.5%201.5%200%200%200-1.5-1.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M13%2013.503h-2a1.5%201.5%200%200%200-1.5%201.5v5.498a.994.994%200%200%201-1.001.997c-2.326-.024-3.618-.165-4.474-1.02C3%2019.451%203%2017.801%203%2014.501v-2.51c0-1.681%200-2.522.356-3.25c.356-.727%201.02-1.243%202.346-2.276l2-1.555C9.767%203.305%2010.8%202.502%2012%202.502s2.233.803%204.298%202.409l2%201.555c1.327%201.033%201.99%201.549%202.346%202.276c.356.728.356%201.569.356%203.25v2.51c0%203.3%200%204.95-1.025%205.975c-.856.856-2.148.997-4.474%201.02a.994.994%200%200%201-1.001-.996v-5.498a1.5%201.5%200%200%200-1.5-1.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/home-09.svg?color=%231a73e8&size=48
