house flood water icon
house-flood-water from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.
- Name
- house-flood-water
- Set
- Font Awesome Solid
- Style
- Solid
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome Solid
house-chimneyhouse-chimney-crackhouse-chimney-medicalhouse-chimney-userhouse-chimney-windowhouse-circle-checkhouse-circle-exclamationhouse-circle-xmarkhouse-crackhouse-damagehouse-firehouse-flaghouse-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 flood water icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M496 272h4.5c15.2 0 27.5-12.3 27.5-27.5c0-7.9-3.4-15.5-9.4-20.7L348 74.5c-7.7-6.8-17.7-10.5-28-10.5s-20.3 3.7-28 10.5L121.4 223.8c-6 5.2-9.4 12.8-9.4 20.7c0 15.2 12.3 27.5 27.5 27.5h4.5v94.4c20.3-9.4 42.1-14.2 64-14.4c33.1-.2 66.3 10.2 94.4 31.4c22.1 16.6 29.1 16.6 51.2 0c27.5-20.7 59.9-31.2 92.4-31.4c16.9-.1 33.8 2.6 50 8zm-224-8c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24h-48c-13.3 0-24-10.7-24-24zm202.6 212.1c19 14.4 41.9 28.2 67.2 33.3c26.5 5.4 54.3.8 80.7-19.1c10.6-8 12.7-23 4.7-33.6s-23-12.7-33.6-4.7c-14.9 11.2-28.6 13.1-42.3 10.3c-14.9-3-30.9-11.9-47.8-24.6c-38.4-29-90.5-29-129 0c-24 18.1-40.7 26.3-54.5 26.3s-30.5-8.2-54.5-26.3c-38.4-29-90.5-29-129 0c-21.6 16.3-41.3 25.8-58.9 25.7c-9.6-.1-19.9-3-31.2-11.5c-10.6-8-25.6-5.9-33.6 4.7s-5.8 25.7 4.8 33.7c19.1 14.4 39.4 21 59.8 21.1c33.9.2 64.3-17.4 88.1-35.3c21.3-16.1 49.9-16.1 71.2 0c24.2 18.3 52.3 35.9 83.4 35.9s59.1-17.7 83.4-35.9c21.3-16.1 49.9-16.1 71.2 0zm-71.2 96c21.3-16.1 49.9-16.1 71.2 0c19 14.4 41.9 28.2 67.2 33.3c26.5 5.4 54.3.8 80.7-19.1c10.6-8 12.7-23 4.7-33.6s-23-12.7-33.6-4.7c-14.9 11.2-28.6 13.1-42.3 10.3c-14.9-3-30.9-11.9-47.8-24.6c-38.4-29-90.5-29-129 0c-24 18.1-40.7 26.3-54.5 26.3s-30.5-8.2-54.5-26.3c-38.4-29-90.5-29-129 0c-21.6 16.3-41.3 25.8-58.9 25.7c-9.6-.1-19.9-3-31.2-11.5c-10.6-8-25.6-5.9-33.6 4.7s-5.8 25.7 4.8 33.7c19.1 14.4 39.4 21 59.8 21.1c33.9.2 64.3-17.4 88.1-35.3c21.3-16.1 49.9-16.1 71.2 0c24.2 18.3 52.3 35.9 83.4 35.9s59.1-17.7 83.4-35.9z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidHouseFloodWater(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="M496 272h4.5c15.2 0 27.5-12.3 27.5-27.5c0-7.9-3.4-15.5-9.4-20.7L348 74.5c-7.7-6.8-17.7-10.5-28-10.5s-20.3 3.7-28 10.5L121.4 223.8c-6 5.2-9.4 12.8-9.4 20.7c0 15.2 12.3 27.5 27.5 27.5h4.5v94.4c20.3-9.4 42.1-14.2 64-14.4c33.1-.2 66.3 10.2 94.4 31.4c22.1 16.6 29.1 16.6 51.2 0c27.5-20.7 59.9-31.2 92.4-31.4c16.9-.1 33.8 2.6 50 8zm-224-8c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24h-48c-13.3 0-24-10.7-24-24zm202.6 212.1c19 14.4 41.9 28.2 67.2 33.3c26.5 5.4 54.3.8 80.7-19.1c10.6-8 12.7-23 4.7-33.6s-23-12.7-33.6-4.7c-14.9 11.2-28.6 13.1-42.3 10.3c-14.9-3-30.9-11.9-47.8-24.6c-38.4-29-90.5-29-129 0c-24 18.1-40.7 26.3-54.5 26.3s-30.5-8.2-54.5-26.3c-38.4-29-90.5-29-129 0c-21.6 16.3-41.3 25.8-58.9 25.7c-9.6-.1-19.9-3-31.2-11.5c-10.6-8-25.6-5.9-33.6 4.7s-5.8 25.7 4.8 33.7c19.1 14.4 39.4 21 59.8 21.1c33.9.2 64.3-17.4 88.1-35.3c21.3-16.1 49.9-16.1 71.2 0c24.2 18.3 52.3 35.9 83.4 35.9s59.1-17.7 83.4-35.9c21.3-16.1 49.9-16.1 71.2 0zm-71.2 96c21.3-16.1 49.9-16.1 71.2 0c19 14.4 41.9 28.2 67.2 33.3c26.5 5.4 54.3.8 80.7-19.1c10.6-8 12.7-23 4.7-33.6s-23-12.7-33.6-4.7c-14.9 11.2-28.6 13.1-42.3 10.3c-14.9-3-30.9-11.9-47.8-24.6c-38.4-29-90.5-29-129 0c-24 18.1-40.7 26.3-54.5 26.3s-30.5-8.2-54.5-26.3c-38.4-29-90.5-29-129 0c-21.6 16.3-41.3 25.8-58.9 25.7c-9.6-.1-19.9-3-31.2-11.5c-10.6-8-25.6-5.9-33.6 4.7s-5.8 25.7 4.8 33.7c19.1 14.4 39.4 21 59.8 21.1c33.9.2 64.3-17.4 88.1-35.3c21.3-16.1 49.9-16.1 71.2 0c24.2 18.3 52.3 35.9 83.4 35.9s59.1-17.7 83.4-35.9z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M496 272h4.5c15.2 0 27.5-12.3 27.5-27.5c0-7.9-3.4-15.5-9.4-20.7L348 74.5c-7.7-6.8-17.7-10.5-28-10.5s-20.3 3.7-28 10.5L121.4 223.8c-6 5.2-9.4 12.8-9.4 20.7c0 15.2 12.3 27.5 27.5 27.5h4.5v94.4c20.3-9.4 42.1-14.2 64-14.4c33.1-.2 66.3 10.2 94.4 31.4c22.1 16.6 29.1 16.6 51.2 0c27.5-20.7 59.9-31.2 92.4-31.4c16.9-.1 33.8 2.6 50 8zm-224-8c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24h-48c-13.3 0-24-10.7-24-24zm202.6 212.1c19 14.4 41.9 28.2 67.2 33.3c26.5 5.4 54.3.8 80.7-19.1c10.6-8 12.7-23 4.7-33.6s-23-12.7-33.6-4.7c-14.9 11.2-28.6 13.1-42.3 10.3c-14.9-3-30.9-11.9-47.8-24.6c-38.4-29-90.5-29-129 0c-24 18.1-40.7 26.3-54.5 26.3s-30.5-8.2-54.5-26.3c-38.4-29-90.5-29-129 0c-21.6 16.3-41.3 25.8-58.9 25.7c-9.6-.1-19.9-3-31.2-11.5c-10.6-8-25.6-5.9-33.6 4.7s-5.8 25.7 4.8 33.7c19.1 14.4 39.4 21 59.8 21.1c33.9.2 64.3-17.4 88.1-35.3c21.3-16.1 49.9-16.1 71.2 0c24.2 18.3 52.3 35.9 83.4 35.9s59.1-17.7 83.4-35.9c21.3-16.1 49.9-16.1 71.2 0zm-71.2 96c21.3-16.1 49.9-16.1 71.2 0c19 14.4 41.9 28.2 67.2 33.3c26.5 5.4 54.3.8 80.7-19.1c10.6-8 12.7-23 4.7-33.6s-23-12.7-33.6-4.7c-14.9 11.2-28.6 13.1-42.3 10.3c-14.9-3-30.9-11.9-47.8-24.6c-38.4-29-90.5-29-129 0c-24 18.1-40.7 26.3-54.5 26.3s-30.5-8.2-54.5-26.3c-38.4-29-90.5-29-129 0c-21.6 16.3-41.3 25.8-58.9 25.7c-9.6-.1-19.9-3-31.2-11.5c-10.6-8-25.6-5.9-33.6 4.7s-5.8 25.7 4.8 33.7c19.1 14.4 39.4 21 59.8 21.1c33.9.2 64.3-17.4 88.1-35.3c21.3-16.1 49.9-16.1 71.2 0c24.2 18.3 52.3 35.9 83.4 35.9s59.1-17.7 83.4-35.9z"/></svg> </template>
CSS
.icon-house-flood-water {
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%22M496%20272h4.5c15.2%200%2027.5-12.3%2027.5-27.5c0-7.9-3.4-15.5-9.4-20.7L348%2074.5c-7.7-6.8-17.7-10.5-28-10.5s-20.3%203.7-28%2010.5L121.4%20223.8c-6%205.2-9.4%2012.8-9.4%2020.7c0%2015.2%2012.3%2027.5%2027.5%2027.5h4.5v94.4c20.3-9.4%2042.1-14.2%2064-14.4c33.1-.2%2066.3%2010.2%2094.4%2031.4c22.1%2016.6%2029.1%2016.6%2051.2%200c27.5-20.7%2059.9-31.2%2092.4-31.4c16.9-.1%2033.8%202.6%2050%208zm-224-8c0-13.3%2010.7-24%2024-24h48c13.3%200%2024%2010.7%2024%2024v48c0%2013.3-10.7%2024-24%2024h-48c-13.3%200-24-10.7-24-24zm202.6%20212.1c19%2014.4%2041.9%2028.2%2067.2%2033.3c26.5%205.4%2054.3.8%2080.7-19.1c10.6-8%2012.7-23%204.7-33.6s-23-12.7-33.6-4.7c-14.9%2011.2-28.6%2013.1-42.3%2010.3c-14.9-3-30.9-11.9-47.8-24.6c-38.4-29-90.5-29-129%200c-24%2018.1-40.7%2026.3-54.5%2026.3s-30.5-8.2-54.5-26.3c-38.4-29-90.5-29-129%200c-21.6%2016.3-41.3%2025.8-58.9%2025.7c-9.6-.1-19.9-3-31.2-11.5c-10.6-8-25.6-5.9-33.6%204.7s-5.8%2025.7%204.8%2033.7c19.1%2014.4%2039.4%2021%2059.8%2021.1c33.9.2%2064.3-17.4%2088.1-35.3c21.3-16.1%2049.9-16.1%2071.2%200c24.2%2018.3%2052.3%2035.9%2083.4%2035.9s59.1-17.7%2083.4-35.9c21.3-16.1%2049.9-16.1%2071.2%200zm-71.2%2096c21.3-16.1%2049.9-16.1%2071.2%200c19%2014.4%2041.9%2028.2%2067.2%2033.3c26.5%205.4%2054.3.8%2080.7-19.1c10.6-8%2012.7-23%204.7-33.6s-23-12.7-33.6-4.7c-14.9%2011.2-28.6%2013.1-42.3%2010.3c-14.9-3-30.9-11.9-47.8-24.6c-38.4-29-90.5-29-129%200c-24%2018.1-40.7%2026.3-54.5%2026.3s-30.5-8.2-54.5-26.3c-38.4-29-90.5-29-129%200c-21.6%2016.3-41.3%2025.8-58.9%2025.7c-9.6-.1-19.9-3-31.2-11.5c-10.6-8-25.6-5.9-33.6%204.7s-5.8%2025.7%204.8%2033.7c19.1%2014.4%2039.4%2021%2059.8%2021.1c33.9.2%2064.3-17.4%2088.1-35.3c21.3-16.1%2049.9-16.1%2071.2%200c24.2%2018.3%2052.3%2035.9%2083.4%2035.9s59.1-17.7%2083.4-35.9z%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%22M496%20272h4.5c15.2%200%2027.5-12.3%2027.5-27.5c0-7.9-3.4-15.5-9.4-20.7L348%2074.5c-7.7-6.8-17.7-10.5-28-10.5s-20.3%203.7-28%2010.5L121.4%20223.8c-6%205.2-9.4%2012.8-9.4%2020.7c0%2015.2%2012.3%2027.5%2027.5%2027.5h4.5v94.4c20.3-9.4%2042.1-14.2%2064-14.4c33.1-.2%2066.3%2010.2%2094.4%2031.4c22.1%2016.6%2029.1%2016.6%2051.2%200c27.5-20.7%2059.9-31.2%2092.4-31.4c16.9-.1%2033.8%202.6%2050%208zm-224-8c0-13.3%2010.7-24%2024-24h48c13.3%200%2024%2010.7%2024%2024v48c0%2013.3-10.7%2024-24%2024h-48c-13.3%200-24-10.7-24-24zm202.6%20212.1c19%2014.4%2041.9%2028.2%2067.2%2033.3c26.5%205.4%2054.3.8%2080.7-19.1c10.6-8%2012.7-23%204.7-33.6s-23-12.7-33.6-4.7c-14.9%2011.2-28.6%2013.1-42.3%2010.3c-14.9-3-30.9-11.9-47.8-24.6c-38.4-29-90.5-29-129%200c-24%2018.1-40.7%2026.3-54.5%2026.3s-30.5-8.2-54.5-26.3c-38.4-29-90.5-29-129%200c-21.6%2016.3-41.3%2025.8-58.9%2025.7c-9.6-.1-19.9-3-31.2-11.5c-10.6-8-25.6-5.9-33.6%204.7s-5.8%2025.7%204.8%2033.7c19.1%2014.4%2039.4%2021%2059.8%2021.1c33.9.2%2064.3-17.4%2088.1-35.3c21.3-16.1%2049.9-16.1%2071.2%200c24.2%2018.3%2052.3%2035.9%2083.4%2035.9s59.1-17.7%2083.4-35.9c21.3-16.1%2049.9-16.1%2071.2%200zm-71.2%2096c21.3-16.1%2049.9-16.1%2071.2%200c19%2014.4%2041.9%2028.2%2067.2%2033.3c26.5%205.4%2054.3.8%2080.7-19.1c10.6-8%2012.7-23%204.7-33.6s-23-12.7-33.6-4.7c-14.9%2011.2-28.6%2013.1-42.3%2010.3c-14.9-3-30.9-11.9-47.8-24.6c-38.4-29-90.5-29-129%200c-24%2018.1-40.7%2026.3-54.5%2026.3s-30.5-8.2-54.5-26.3c-38.4-29-90.5-29-129%200c-21.6%2016.3-41.3%2025.8-58.9%2025.7c-9.6-.1-19.9-3-31.2-11.5c-10.6-8-25.6-5.9-33.6%204.7s-5.8%2025.7%204.8%2033.7c19.1%2014.4%2039.4%2021%2059.8%2021.1c33.9.2%2064.3-17.4%2088.1-35.3c21.3-16.1%2049.9-16.1%2071.2%200c24.2%2018.3%2052.3%2035.9%2083.4%2035.9s59.1-17.7%2083.4-35.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/house-flood-water.svg?color=%231a73e8&size=48
