house circle exclamation icon
house-circle-exclamation from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- house-circle-exclamation
- 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-xmarkhouse-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 exclamation 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 288m0-96a24 24 0 1 1 0 48a24 24 0 1 1 0-48m0-144c8.8 0 16 7.2 16 16v80c0 8.8-7.2 16-16 16s-16-7.2-16-16v-80c0-8.8 7.2-16 16-16"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidHouseCircleExclamation(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 288m0-96a24 24 0 1 1 0 48a24 24 0 1 1 0-48m0-144c8.8 0 16 7.2 16 16v80c0 8.8-7.2 16-16 16s-16-7.2-16-16v-80c0-8.8 7.2-16 16-16"/></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 288m0-96a24 24 0 1 1 0 48a24 24 0 1 1 0-48m0-144c8.8 0 16 7.2 16 16v80c0 8.8-7.2 16-16 16s-16-7.2-16-16v-80c0-8.8 7.2-16 16-16"/></svg> </template>
CSS
.icon-house-circle-exclamation {
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%20288m0-96a24%2024%200%201%201%200%2048a24%2024%200%201%201%200-48m0-144c8.8%200%2016%207.2%2016%2016v80c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-80c0-8.8%207.2-16%2016-16%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%20288m0-96a24%2024%200%201%201%200%2048a24%2024%200%201%201%200-48m0-144c8.8%200%2016%207.2%2016%2016v80c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-80c0-8.8%207.2-16%2016-16%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-exclamation.svg?color=%231a73e8&size=48
