house flood water icon
house-flood-water from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- house-flood-water
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Viewbox
- 576×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-circle-xmarkhouse-crackhouse-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 576 512"><path fill="currentColor" d="M306.8 6.1c-11.2-8.1-26.4-8.1-37.6 0l-176 128c-11.2 8.2-15.9 22.6-11.6 35.8S98.1 192 112 192h16v73c1.7 1 3.3 2 4.9 3.1c18 12.4 40.1 20.3 59.2 20.3c21.1 0 42-8.5 59.2-20.3c22.1-15.5 51.6-15.5 73.7 0c18.4 12.7 39.6 20.3 59.2 20.3c19 0 41.2-7.9 59.2-20.3c1.5-1 3-2 4.5-2.9l-.3-73.2h16.6c13.9 0 26.1-8.9 30.4-22.1s-.4-27.6-11.6-35.8L307 6.1zm-37.3 303.8C247 325.4 219.5 336 192 336c-26.9 0-55.3-10.8-77.4-26.1c-11.9-8.5-28.1-7.8-39.2 1.7c-14.4 11.9-32.5 21-50.6 25.2c-17.2 4-27.9 21.2-23.9 38.4s21.2 27.9 38.4 23.9c24.5-5.7 44.9-16.5 58.2-25c29 15.6 61.5 25.9 94.5 25.9c31.9 0 60.6-9.9 80.4-18.9c5.8-2.7 11.1-5.3 15.6-7.7c4.5 2.4 9.7 5.1 15.6 7.7c19.8 9 48.5 18.9 80.4 18.9c33 0 65.5-10.3 94.5-25.8c13.4 8.4 33.7 19.3 58.2 25c17.2 4 34.4-6.7 38.4-23.9s-6.7-34.4-23.9-38.4c-18.1-4.2-36.2-13.3-50.6-25.2c-11.1-9.5-27.3-10.1-39.2-1.7c-22 15.2-50.5 26-77.4 26c-27.5 0-55-10.6-77.5-26.1c-11.1-7.9-25.9-7.9-37 0M384 448c-27.5 0-55-10.6-77.5-26.1c-11.1-7.9-25.9-7.9-37 0c-22.5 15.5-50 26.1-77.5 26.1c-26.9 0-55.3-10.8-77.4-26.1c-11.9-8.5-28.1-7.8-39.2 1.7c-14.4 11.9-32.5 21-50.6 25.2c-17.2 4-27.9 21.2-23.9 38.4s21.2 27.9 38.4 23.9c24.5-5.7 44.9-16.5 58.2-25c29 15.6 61.5 25.9 94.5 25.9c31.9 0 60.6-9.9 80.4-18.9c5.8-2.7 11.1-5.3 15.6-7.7c4.5 2.4 9.7 5.1 15.6 7.7c19.8 9 48.5 18.9 80.4 18.9c33 0 65.5-10.3 94.5-25.8c13.4 8.4 33.7 19.3 58.2 25c17.2 4 34.4-6.7 38.4-23.9s-6.7-34.4-23.9-38.4c-18.1-4.2-36.2-13.3-50.6-25.2c-11.1-9.4-27.3-10.1-39.2-1.7c-22 15.2-50.5 26-77.4 26"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidHouseFloodWater(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M306.8 6.1c-11.2-8.1-26.4-8.1-37.6 0l-176 128c-11.2 8.2-15.9 22.6-11.6 35.8S98.1 192 112 192h16v73c1.7 1 3.3 2 4.9 3.1c18 12.4 40.1 20.3 59.2 20.3c21.1 0 42-8.5 59.2-20.3c22.1-15.5 51.6-15.5 73.7 0c18.4 12.7 39.6 20.3 59.2 20.3c19 0 41.2-7.9 59.2-20.3c1.5-1 3-2 4.5-2.9l-.3-73.2h16.6c13.9 0 26.1-8.9 30.4-22.1s-.4-27.6-11.6-35.8L307 6.1zm-37.3 303.8C247 325.4 219.5 336 192 336c-26.9 0-55.3-10.8-77.4-26.1c-11.9-8.5-28.1-7.8-39.2 1.7c-14.4 11.9-32.5 21-50.6 25.2c-17.2 4-27.9 21.2-23.9 38.4s21.2 27.9 38.4 23.9c24.5-5.7 44.9-16.5 58.2-25c29 15.6 61.5 25.9 94.5 25.9c31.9 0 60.6-9.9 80.4-18.9c5.8-2.7 11.1-5.3 15.6-7.7c4.5 2.4 9.7 5.1 15.6 7.7c19.8 9 48.5 18.9 80.4 18.9c33 0 65.5-10.3 94.5-25.8c13.4 8.4 33.7 19.3 58.2 25c17.2 4 34.4-6.7 38.4-23.9s-6.7-34.4-23.9-38.4c-18.1-4.2-36.2-13.3-50.6-25.2c-11.1-9.5-27.3-10.1-39.2-1.7c-22 15.2-50.5 26-77.4 26c-27.5 0-55-10.6-77.5-26.1c-11.1-7.9-25.9-7.9-37 0M384 448c-27.5 0-55-10.6-77.5-26.1c-11.1-7.9-25.9-7.9-37 0c-22.5 15.5-50 26.1-77.5 26.1c-26.9 0-55.3-10.8-77.4-26.1c-11.9-8.5-28.1-7.8-39.2 1.7c-14.4 11.9-32.5 21-50.6 25.2c-17.2 4-27.9 21.2-23.9 38.4s21.2 27.9 38.4 23.9c24.5-5.7 44.9-16.5 58.2-25c29 15.6 61.5 25.9 94.5 25.9c31.9 0 60.6-9.9 80.4-18.9c5.8-2.7 11.1-5.3 15.6-7.7c4.5 2.4 9.7 5.1 15.6 7.7c19.8 9 48.5 18.9 80.4 18.9c33 0 65.5-10.3 94.5-25.8c13.4 8.4 33.7 19.3 58.2 25c17.2 4 34.4-6.7 38.4-23.9s-6.7-34.4-23.9-38.4c-18.1-4.2-36.2-13.3-50.6-25.2c-11.1-9.4-27.3-10.1-39.2-1.7c-22 15.2-50.5 26-77.4 26"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M306.8 6.1c-11.2-8.1-26.4-8.1-37.6 0l-176 128c-11.2 8.2-15.9 22.6-11.6 35.8S98.1 192 112 192h16v73c1.7 1 3.3 2 4.9 3.1c18 12.4 40.1 20.3 59.2 20.3c21.1 0 42-8.5 59.2-20.3c22.1-15.5 51.6-15.5 73.7 0c18.4 12.7 39.6 20.3 59.2 20.3c19 0 41.2-7.9 59.2-20.3c1.5-1 3-2 4.5-2.9l-.3-73.2h16.6c13.9 0 26.1-8.9 30.4-22.1s-.4-27.6-11.6-35.8L307 6.1zm-37.3 303.8C247 325.4 219.5 336 192 336c-26.9 0-55.3-10.8-77.4-26.1c-11.9-8.5-28.1-7.8-39.2 1.7c-14.4 11.9-32.5 21-50.6 25.2c-17.2 4-27.9 21.2-23.9 38.4s21.2 27.9 38.4 23.9c24.5-5.7 44.9-16.5 58.2-25c29 15.6 61.5 25.9 94.5 25.9c31.9 0 60.6-9.9 80.4-18.9c5.8-2.7 11.1-5.3 15.6-7.7c4.5 2.4 9.7 5.1 15.6 7.7c19.8 9 48.5 18.9 80.4 18.9c33 0 65.5-10.3 94.5-25.8c13.4 8.4 33.7 19.3 58.2 25c17.2 4 34.4-6.7 38.4-23.9s-6.7-34.4-23.9-38.4c-18.1-4.2-36.2-13.3-50.6-25.2c-11.1-9.5-27.3-10.1-39.2-1.7c-22 15.2-50.5 26-77.4 26c-27.5 0-55-10.6-77.5-26.1c-11.1-7.9-25.9-7.9-37 0M384 448c-27.5 0-55-10.6-77.5-26.1c-11.1-7.9-25.9-7.9-37 0c-22.5 15.5-50 26.1-77.5 26.1c-26.9 0-55.3-10.8-77.4-26.1c-11.9-8.5-28.1-7.8-39.2 1.7c-14.4 11.9-32.5 21-50.6 25.2c-17.2 4-27.9 21.2-23.9 38.4s21.2 27.9 38.4 23.9c24.5-5.7 44.9-16.5 58.2-25c29 15.6 61.5 25.9 94.5 25.9c31.9 0 60.6-9.9 80.4-18.9c5.8-2.7 11.1-5.3 15.6-7.7c4.5 2.4 9.7 5.1 15.6 7.7c19.8 9 48.5 18.9 80.4 18.9c33 0 65.5-10.3 94.5-25.8c13.4 8.4 33.7 19.3 58.2 25c17.2 4 34.4-6.7 38.4-23.9s-6.7-34.4-23.9-38.4c-18.1-4.2-36.2-13.3-50.6-25.2c-11.1-9.4-27.3-10.1-39.2-1.7c-22 15.2-50.5 26-77.4 26"/></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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M306.8%206.1c-11.2-8.1-26.4-8.1-37.6%200l-176%20128c-11.2%208.2-15.9%2022.6-11.6%2035.8S98.1%20192%20112%20192h16v73c1.7%201%203.3%202%204.9%203.1c18%2012.4%2040.1%2020.3%2059.2%2020.3c21.1%200%2042-8.5%2059.2-20.3c22.1-15.5%2051.6-15.5%2073.7%200c18.4%2012.7%2039.6%2020.3%2059.2%2020.3c19%200%2041.2-7.9%2059.2-20.3c1.5-1%203-2%204.5-2.9l-.3-73.2h16.6c13.9%200%2026.1-8.9%2030.4-22.1s-.4-27.6-11.6-35.8L307%206.1zm-37.3%20303.8C247%20325.4%20219.5%20336%20192%20336c-26.9%200-55.3-10.8-77.4-26.1c-11.9-8.5-28.1-7.8-39.2%201.7c-14.4%2011.9-32.5%2021-50.6%2025.2c-17.2%204-27.9%2021.2-23.9%2038.4s21.2%2027.9%2038.4%2023.9c24.5-5.7%2044.9-16.5%2058.2-25c29%2015.6%2061.5%2025.9%2094.5%2025.9c31.9%200%2060.6-9.9%2080.4-18.9c5.8-2.7%2011.1-5.3%2015.6-7.7c4.5%202.4%209.7%205.1%2015.6%207.7c19.8%209%2048.5%2018.9%2080.4%2018.9c33%200%2065.5-10.3%2094.5-25.8c13.4%208.4%2033.7%2019.3%2058.2%2025c17.2%204%2034.4-6.7%2038.4-23.9s-6.7-34.4-23.9-38.4c-18.1-4.2-36.2-13.3-50.6-25.2c-11.1-9.5-27.3-10.1-39.2-1.7c-22%2015.2-50.5%2026-77.4%2026c-27.5%200-55-10.6-77.5-26.1c-11.1-7.9-25.9-7.9-37%200M384%20448c-27.5%200-55-10.6-77.5-26.1c-11.1-7.9-25.9-7.9-37%200c-22.5%2015.5-50%2026.1-77.5%2026.1c-26.9%200-55.3-10.8-77.4-26.1c-11.9-8.5-28.1-7.8-39.2%201.7c-14.4%2011.9-32.5%2021-50.6%2025.2c-17.2%204-27.9%2021.2-23.9%2038.4s21.2%2027.9%2038.4%2023.9c24.5-5.7%2044.9-16.5%2058.2-25c29%2015.6%2061.5%2025.9%2094.5%2025.9c31.9%200%2060.6-9.9%2080.4-18.9c5.8-2.7%2011.1-5.3%2015.6-7.7c4.5%202.4%209.7%205.1%2015.6%207.7c19.8%209%2048.5%2018.9%2080.4%2018.9c33%200%2065.5-10.3%2094.5-25.8c13.4%208.4%2033.7%2019.3%2058.2%2025c17.2%204%2034.4-6.7%2038.4-23.9s-6.7-34.4-23.9-38.4c-18.1-4.2-36.2-13.3-50.6-25.2c-11.1-9.4-27.3-10.1-39.2-1.7c-22%2015.2-50.5%2026-77.4%2026%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M306.8%206.1c-11.2-8.1-26.4-8.1-37.6%200l-176%20128c-11.2%208.2-15.9%2022.6-11.6%2035.8S98.1%20192%20112%20192h16v73c1.7%201%203.3%202%204.9%203.1c18%2012.4%2040.1%2020.3%2059.2%2020.3c21.1%200%2042-8.5%2059.2-20.3c22.1-15.5%2051.6-15.5%2073.7%200c18.4%2012.7%2039.6%2020.3%2059.2%2020.3c19%200%2041.2-7.9%2059.2-20.3c1.5-1%203-2%204.5-2.9l-.3-73.2h16.6c13.9%200%2026.1-8.9%2030.4-22.1s-.4-27.6-11.6-35.8L307%206.1zm-37.3%20303.8C247%20325.4%20219.5%20336%20192%20336c-26.9%200-55.3-10.8-77.4-26.1c-11.9-8.5-28.1-7.8-39.2%201.7c-14.4%2011.9-32.5%2021-50.6%2025.2c-17.2%204-27.9%2021.2-23.9%2038.4s21.2%2027.9%2038.4%2023.9c24.5-5.7%2044.9-16.5%2058.2-25c29%2015.6%2061.5%2025.9%2094.5%2025.9c31.9%200%2060.6-9.9%2080.4-18.9c5.8-2.7%2011.1-5.3%2015.6-7.7c4.5%202.4%209.7%205.1%2015.6%207.7c19.8%209%2048.5%2018.9%2080.4%2018.9c33%200%2065.5-10.3%2094.5-25.8c13.4%208.4%2033.7%2019.3%2058.2%2025c17.2%204%2034.4-6.7%2038.4-23.9s-6.7-34.4-23.9-38.4c-18.1-4.2-36.2-13.3-50.6-25.2c-11.1-9.5-27.3-10.1-39.2-1.7c-22%2015.2-50.5%2026-77.4%2026c-27.5%200-55-10.6-77.5-26.1c-11.1-7.9-25.9-7.9-37%200M384%20448c-27.5%200-55-10.6-77.5-26.1c-11.1-7.9-25.9-7.9-37%200c-22.5%2015.5-50%2026.1-77.5%2026.1c-26.9%200-55.3-10.8-77.4-26.1c-11.9-8.5-28.1-7.8-39.2%201.7c-14.4%2011.9-32.5%2021-50.6%2025.2c-17.2%204-27.9%2021.2-23.9%2038.4s21.2%2027.9%2038.4%2023.9c24.5-5.7%2044.9-16.5%2058.2-25c29%2015.6%2061.5%2025.9%2094.5%2025.9c31.9%200%2060.6-9.9%2080.4-18.9c5.8-2.7%2011.1-5.3%2015.6-7.7c4.5%202.4%209.7%205.1%2015.6%207.7c19.8%209%2048.5%2018.9%2080.4%2018.9c33%200%2065.5-10.3%2094.5-25.8c13.4%208.4%2033.7%2019.3%2058.2%2025c17.2%204%2034.4-6.7%2038.4-23.9s-6.7-34.4-23.9-38.4c-18.1-4.2-36.2-13.3-50.6-25.2c-11.1-9.4-27.3-10.1-39.2-1.7c-22%2015.2-50.5%2026-77.4%2026%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/house-flood-water.svg?color=%231a73e8&size=48
