house damage icon

house-damage from Font Awesome Solid by Dave Gandy · Solid · Buildings · CC-BY-4.0 Attribution required.

Name: house-damage
Set: Font Awesome Solid
Style: Solid
Category: Buildings
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

More buildings icons from Font Awesome Solid

archway building church city clinic-medical dungeon gopuram home hospital hospital-alt hospital-user hotel igloo industry kaaba landmark monument mosque place-of-worship school store store-alt synagogue torii-gate

Use the house damage icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M298.2 72.6c12.3-11.4 31.3-11.4 43.5 0l90.3 83.7V144c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32v101.5l37.8 35.1c9.6 9 12.8 22.9 8 35.1S557.2 336 544 336h-16v176c0 35.3-28.7 64-64 64H358.4L320 512l80.8-67.3c7.8-6.5 7.6-18.6-.4-24.9l-117.8-92.6c-14.6-11.5-33.8 7-22.8 22L320 432l-85.5 71.2c-6.1 5-7.5 13.8-3.5 20.5l31.3 52.2h-86.4c-35.3 0-64-28.7-64-64v-176h-16c-13.2 0-25-8.1-29.8-20.3s-1.6-26.2 8-35.1l224-208z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidHouseDamage(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M298.2 72.6c12.3-11.4 31.3-11.4 43.5 0l90.3 83.7V144c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32v101.5l37.8 35.1c9.6 9 12.8 22.9 8 35.1S557.2 336 544 336h-16v176c0 35.3-28.7 64-64 64H358.4L320 512l80.8-67.3c7.8-6.5 7.6-18.6-.4-24.9l-117.8-92.6c-14.6-11.5-33.8 7-22.8 22L320 432l-85.5 71.2c-6.1 5-7.5 13.8-3.5 20.5l31.3 52.2h-86.4c-35.3 0-64-28.7-64-64v-176h-16c-13.2 0-25-8.1-29.8-20.3s-1.6-26.2 8-35.1l224-208z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M298.2 72.6c12.3-11.4 31.3-11.4 43.5 0l90.3 83.7V144c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32v101.5l37.8 35.1c9.6 9 12.8 22.9 8 35.1S557.2 336 544 336h-16v176c0 35.3-28.7 64-64 64H358.4L320 512l80.8-67.3c7.8-6.5 7.6-18.6-.4-24.9l-117.8-92.6c-14.6-11.5-33.8 7-22.8 22L320 432l-85.5 71.2c-6.1 5-7.5 13.8-3.5 20.5l31.3 52.2h-86.4c-35.3 0-64-28.7-64-64v-176h-16c-13.2 0-25-8.1-29.8-20.3s-1.6-26.2 8-35.1l224-208z"/></svg>
</template>

CSS

.icon-house-damage {
  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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M298.2%2072.6c12.3-11.4%2031.3-11.4%2043.5%200l90.3%2083.7V144c0-17.7%2014.3-32%2032-32h32c17.7%200%2032%2014.3%2032%2032v101.5l37.8%2035.1c9.6%209%2012.8%2022.9%208%2035.1S557.2%20336%20544%20336h-16v176c0%2035.3-28.7%2064-64%2064H358.4L320%20512l80.8-67.3c7.8-6.5%207.6-18.6-.4-24.9l-117.8-92.6c-14.6-11.5-33.8%207-22.8%2022L320%20432l-85.5%2071.2c-6.1%205-7.5%2013.8-3.5%2020.5l31.3%2052.2h-86.4c-35.3%200-64-28.7-64-64v-176h-16c-13.2%200-25-8.1-29.8-20.3s-1.6-26.2%208-35.1l224-208z%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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M298.2%2072.6c12.3-11.4%2031.3-11.4%2043.5%200l90.3%2083.7V144c0-17.7%2014.3-32%2032-32h32c17.7%200%2032%2014.3%2032%2032v101.5l37.8%2035.1c9.6%209%2012.8%2022.9%208%2035.1S557.2%20336%20544%20336h-16v176c0%2035.3-28.7%2064-64%2064H358.4L320%20512l80.8-67.3c7.8-6.5%207.6-18.6-.4-24.9l-117.8-92.6c-14.6-11.5-33.8%207-22.8%2022L320%20432l-85.5%2071.2c-6.1%205-7.5%2013.8-3.5%2020.5l31.3%2052.2h-86.4c-35.3%200-64-28.7-64-64v-176h-16c-13.2%200-25-8.1-29.8-20.3s-1.6-26.2%208-35.1l224-208z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/house-damage.svg?color=%231a73e8&size=48