house circle xmark icon
house-circle-xmark from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- house-circle-xmark
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Viewbox
- 640×512
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome 6 Solid
house-chimneyhouse-chimney-crackhouse-chimney-medicalhouse-chimney-userhouse-chimney-windowhouse-circle-checkhouse-circle-exclamationhouse-crackhouse-firehouse-flaghouse-flood-waterhouse-flood-water-circle-arrow-righthouse-laptophouse-lockhouse-medicalhouse-medical-circle-checkhouse-medical-circle-exclamationhouse-medical-circle-xmarkhouse-medical-flaghouse-signalhouse-tsunamihouse-user
Use the house circle xmark icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M320.7 352c8.1-89.7 83.5-160 175.3-160c8.9 0 17.6.7 26.1 1.9L309.5 7c-6-5-14-7-21-7s-15 1-22 8L10 231.5c-7 7-10 15-10 24c0 18 14 32.1 32 32.1h32v69.7c-.1.9-.1 1.8-.1 2.8v112c0 22.1 17.9 40 40 40h16c1.2 0 2.4-.1 3.6-.2c1.5.1 3 .2 4.5.2h55.9c22.1 0 40-17.9 40-40v-88c0-17.7 14.3-32 32-32h64.7zM496 512a144 144 0 1 0 0-288a144 144 0 1 0 0 288m59.3-180.7L518.6 368l36.7 36.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L496 390.6l-36.7 36.7c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l36.7-36.7l-36.7-36.7c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l36.7 36.7l36.7-36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidHouseCircleXmark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M320.7 352c8.1-89.7 83.5-160 175.3-160c8.9 0 17.6.7 26.1 1.9L309.5 7c-6-5-14-7-21-7s-15 1-22 8L10 231.5c-7 7-10 15-10 24c0 18 14 32.1 32 32.1h32v69.7c-.1.9-.1 1.8-.1 2.8v112c0 22.1 17.9 40 40 40h16c1.2 0 2.4-.1 3.6-.2c1.5.1 3 .2 4.5.2h55.9c22.1 0 40-17.9 40-40v-88c0-17.7 14.3-32 32-32h64.7zM496 512a144 144 0 1 0 0-288a144 144 0 1 0 0 288m59.3-180.7L518.6 368l36.7 36.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L496 390.6l-36.7 36.7c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l36.7-36.7l-36.7-36.7c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l36.7 36.7l36.7-36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M320.7 352c8.1-89.7 83.5-160 175.3-160c8.9 0 17.6.7 26.1 1.9L309.5 7c-6-5-14-7-21-7s-15 1-22 8L10 231.5c-7 7-10 15-10 24c0 18 14 32.1 32 32.1h32v69.7c-.1.9-.1 1.8-.1 2.8v112c0 22.1 17.9 40 40 40h16c1.2 0 2.4-.1 3.6-.2c1.5.1 3 .2 4.5.2h55.9c22.1 0 40-17.9 40-40v-88c0-17.7 14.3-32 32-32h64.7zM496 512a144 144 0 1 0 0-288a144 144 0 1 0 0 288m59.3-180.7L518.6 368l36.7 36.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L496 390.6l-36.7 36.7c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l36.7-36.7l-36.7-36.7c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l36.7 36.7l36.7-36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6"/></svg> </template>
CSS
.icon-house-circle-xmark {
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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.7%20352c8.1-89.7%2083.5-160%20175.3-160c8.9%200%2017.6.7%2026.1%201.9L309.5%207c-6-5-14-7-21-7s-15%201-22%208L10%20231.5c-7%207-10%2015-10%2024c0%2018%2014%2032.1%2032%2032.1h32v69.7c-.1.9-.1%201.8-.1%202.8v112c0%2022.1%2017.9%2040%2040%2040h16c1.2%200%202.4-.1%203.6-.2c1.5.1%203%20.2%204.5.2h55.9c22.1%200%2040-17.9%2040-40v-88c0-17.7%2014.3-32%2032-32h64.7zM496%20512a144%20144%200%201%200%200-288a144%20144%200%201%200%200%20288m59.3-180.7L518.6%20368l36.7%2036.7c6.2%206.2%206.2%2016.4%200%2022.6s-16.4%206.2-22.6%200L496%20390.6l-36.7%2036.7c-6.2%206.2-16.4%206.2-22.6%200s-6.2-16.4%200-22.6l36.7-36.7l-36.7-36.7c-6.2-6.2-6.2-16.4%200-22.6s16.4-6.2%2022.6%200l36.7%2036.7l36.7-36.7c6.2-6.2%2016.4-6.2%2022.6%200s6.2%2016.4%200%2022.6%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.7%20352c8.1-89.7%2083.5-160%20175.3-160c8.9%200%2017.6.7%2026.1%201.9L309.5%207c-6-5-14-7-21-7s-15%201-22%208L10%20231.5c-7%207-10%2015-10%2024c0%2018%2014%2032.1%2032%2032.1h32v69.7c-.1.9-.1%201.8-.1%202.8v112c0%2022.1%2017.9%2040%2040%2040h16c1.2%200%202.4-.1%203.6-.2c1.5.1%203%20.2%204.5.2h55.9c22.1%200%2040-17.9%2040-40v-88c0-17.7%2014.3-32%2032-32h64.7zM496%20512a144%20144%200%201%200%200-288a144%20144%200%201%200%200%20288m59.3-180.7L518.6%20368l36.7%2036.7c6.2%206.2%206.2%2016.4%200%2022.6s-16.4%206.2-22.6%200L496%20390.6l-36.7%2036.7c-6.2%206.2-16.4%206.2-22.6%200s-6.2-16.4%200-22.6l36.7-36.7l-36.7-36.7c-6.2-6.2-6.2-16.4%200-22.6s16.4-6.2%2022.6%200l36.7%2036.7l36.7-36.7c6.2-6.2%2016.4-6.2%2022.6%200s6.2%2016.4%200%2022.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/house-circle-xmark.svg?color=%231a73e8&size=48
