home x icon
home-x-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- home-x-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
More ui icons from Reicon
Use the home x icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.074 1.363a3.75 3.75 0 0 1 1.852 0c.691.176 1.305.619 2.196 1.26l4.75 3.42c.884.637 1.454 1.047 1.872 1.583a4.8 4.8 0 0 1 .816 1.592c.19.653.19 1.355.19 2.444v4.77c0 .953 0 1.714-.05 2.328c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.857 1.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952 0-1.713 0-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25 4.25 0 0 1-1.857-1.858c-.253-.497-.361-1.04-.413-1.67c-.05-.613-.05-1.374-.05-2.326v-4.77c0-1.09 0-1.792.19-2.445a4.8 4.8 0 0 1 .816-1.592c.418-.536.988-.946 1.872-1.582l4.75-3.42c.89-.642 1.505-1.085 2.196-1.261M8.97 15.97a.75.75 0 0 0 1.06 1.06L12 15.06l1.97 1.97a.75.75 0 0 0 1.06-1.06L13.06 14l1.97-1.97a.75.75 0 1 0-1.06-1.06L12 12.94l-1.97-1.97a.75.75 0 1 0-1.06 1.06L10.94 14z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconHomeXFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M11.074 1.363a3.75 3.75 0 0 1 1.852 0c.691.176 1.305.619 2.196 1.26l4.75 3.42c.884.637 1.454 1.047 1.872 1.583a4.8 4.8 0 0 1 .816 1.592c.19.653.19 1.355.19 2.444v4.77c0 .953 0 1.714-.05 2.328c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.857 1.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952 0-1.713 0-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25 4.25 0 0 1-1.857-1.858c-.253-.497-.361-1.04-.413-1.67c-.05-.613-.05-1.374-.05-2.326v-4.77c0-1.09 0-1.792.19-2.445a4.8 4.8 0 0 1 .816-1.592c.418-.536.988-.946 1.872-1.582l4.75-3.42c.89-.642 1.505-1.085 2.196-1.261M8.97 15.97a.75.75 0 0 0 1.06 1.06L12 15.06l1.97 1.97a.75.75 0 0 0 1.06-1.06L13.06 14l1.97-1.97a.75.75 0 1 0-1.06-1.06L12 12.94l-1.97-1.97a.75.75 0 1 0-1.06 1.06L10.94 14z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.074 1.363a3.75 3.75 0 0 1 1.852 0c.691.176 1.305.619 2.196 1.26l4.75 3.42c.884.637 1.454 1.047 1.872 1.583a4.8 4.8 0 0 1 .816 1.592c.19.653.19 1.355.19 2.444v4.77c0 .953 0 1.714-.05 2.328c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.857 1.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952 0-1.713 0-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25 4.25 0 0 1-1.857-1.858c-.253-.497-.361-1.04-.413-1.67c-.05-.613-.05-1.374-.05-2.326v-4.77c0-1.09 0-1.792.19-2.445a4.8 4.8 0 0 1 .816-1.592c.418-.536.988-.946 1.872-1.582l4.75-3.42c.89-.642 1.505-1.085 2.196-1.261M8.97 15.97a.75.75 0 0 0 1.06 1.06L12 15.06l1.97 1.97a.75.75 0 0 0 1.06-1.06L13.06 14l1.97-1.97a.75.75 0 1 0-1.06-1.06L12 12.94l-1.97-1.97a.75.75 0 1 0-1.06 1.06L10.94 14z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-home-x-filled {
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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.074%201.363a3.75%203.75%200%200%201%201.852%200c.691.176%201.305.619%202.196%201.26l4.75%203.42c.884.637%201.454%201.047%201.872%201.583a4.8%204.8%200%200%201%20.816%201.592c.19.653.19%201.355.19%202.444v4.77c0%20.953%200%201.714-.05%202.328c-.052.63-.16%201.172-.413%201.67a4.25%204.25%200%200%201-1.857%201.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952%200-1.713%200-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25%204.25%200%200%201-1.857-1.858c-.253-.497-.361-1.04-.413-1.67c-.05-.613-.05-1.374-.05-2.326v-4.77c0-1.09%200-1.792.19-2.445a4.8%204.8%200%200%201%20.816-1.592c.418-.536.988-.946%201.872-1.582l4.75-3.42c.89-.642%201.505-1.085%202.196-1.261M8.97%2015.97a.75.75%200%200%200%201.06%201.06L12%2015.06l1.97%201.97a.75.75%200%200%200%201.06-1.06L13.06%2014l1.97-1.97a.75.75%200%201%200-1.06-1.06L12%2012.94l-1.97-1.97a.75.75%200%201%200-1.06%201.06L10.94%2014z%22%20clip-rule%3D%22evenodd%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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.074%201.363a3.75%203.75%200%200%201%201.852%200c.691.176%201.305.619%202.196%201.26l4.75%203.42c.884.637%201.454%201.047%201.872%201.583a4.8%204.8%200%200%201%20.816%201.592c.19.653.19%201.355.19%202.444v4.77c0%20.953%200%201.714-.05%202.328c-.052.63-.16%201.172-.413%201.67a4.25%204.25%200%200%201-1.857%201.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952%200-1.713%200-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25%204.25%200%200%201-1.857-1.858c-.253-.497-.361-1.04-.413-1.67c-.05-.613-.05-1.374-.05-2.326v-4.77c0-1.09%200-1.792.19-2.445a4.8%204.8%200%200%201%20.816-1.592c.418-.536.988-.946%201.872-1.582l4.75-3.42c.89-.642%201.505-1.085%202.196-1.261M8.97%2015.97a.75.75%200%200%200%201.06%201.06L12%2015.06l1.97%201.97a.75.75%200%200%200%201.06-1.06L13.06%2014l1.97-1.97a.75.75%200%201%200-1.06-1.06L12%2012.94l-1.97-1.97a.75.75%200%201%200-1.06%201.06L10.94%2014z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/home-x-filled.svg?color=%231a73e8&size=48
