home flood icon

home-flood from Material Design Icons by Pictogrammers · Filled · Home Automation · Apache-2.0 Free for personal and commercial use.

Name: home-flood
Set: Material Design Icons
Style: Filled
Category: Home Automation
Viewbox: 24×24
License: Apache 2.0
Aliases: house-flood

More home automation icons from Material Design Icons

Use the home flood icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.67 19c-1.95 0-2.09 1-3.33 1c-1.19 0-1.42-1-3.34-1c-1.94 0-2.09 1-3.33 1s-1.38-1-3.33-1s-2.1 1-3.34 1v2c1.95 0 2.11-1 3.34-1c1.24 0 1.38 1 3.33 1s2.1-1 3.33-1s1.41 1 3.34 1s2.1-1 3.33-1c1.22 0 1.4 1 3.33 1v-2c-1.24 0-1.38-1-3.33-1m-9.99-1.5c1.95 0 2.09-1 3.32-1c1.2 0 1.43 1 3.34 1c1.95 0 2.09-1 3.33-1c1.19 0 1.4 1 3.33 1v-2c-.65 0-1-.28-1.5-.55l-2-7.53l2.07.85l.74-1.86L9.78 2L2 11.61l1.57 1.23l1.39-1.78l.93 3.48c-.18-.04-.35-.04-.56-.04c-1.95 0-2.09 1-3.33 1v2c1.9 0 2.17-1 3.35-1c1.19 0 1.42 1 3.33 1m5.36-7.32l1.42 5.32c-1.34.08-1.46-1-3.46-1c-.37 0-.66.04-.92.1l-.91-3.39z"/></svg>

React

import type { SVGProps } from "react";

export function MdiHomeFlood(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.67 19c-1.95 0-2.09 1-3.33 1c-1.19 0-1.42-1-3.34-1c-1.94 0-2.09 1-3.33 1s-1.38-1-3.33-1s-2.1 1-3.34 1v2c1.95 0 2.11-1 3.34-1c1.24 0 1.38 1 3.33 1s2.1-1 3.33-1s1.41 1 3.34 1s2.1-1 3.33-1c1.22 0 1.4 1 3.33 1v-2c-1.24 0-1.38-1-3.33-1m-9.99-1.5c1.95 0 2.09-1 3.32-1c1.2 0 1.43 1 3.34 1c1.95 0 2.09-1 3.33-1c1.19 0 1.4 1 3.33 1v-2c-.65 0-1-.28-1.5-.55l-2-7.53l2.07.85l.74-1.86L9.78 2L2 11.61l1.57 1.23l1.39-1.78l.93 3.48c-.18-.04-.35-.04-.56-.04c-1.95 0-2.09 1-3.33 1v2c1.9 0 2.17-1 3.35-1c1.19 0 1.42 1 3.33 1m5.36-7.32l1.42 5.32c-1.34.08-1.46-1-3.46-1c-.37 0-.66.04-.92.1l-.91-3.39z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.67 19c-1.95 0-2.09 1-3.33 1c-1.19 0-1.42-1-3.34-1c-1.94 0-2.09 1-3.33 1s-1.38-1-3.33-1s-2.1 1-3.34 1v2c1.95 0 2.11-1 3.34-1c1.24 0 1.38 1 3.33 1s2.1-1 3.33-1s1.41 1 3.34 1s2.1-1 3.33-1c1.22 0 1.4 1 3.33 1v-2c-1.24 0-1.38-1-3.33-1m-9.99-1.5c1.95 0 2.09-1 3.32-1c1.2 0 1.43 1 3.34 1c1.95 0 2.09-1 3.33-1c1.19 0 1.4 1 3.33 1v-2c-.65 0-1-.28-1.5-.55l-2-7.53l2.07.85l.74-1.86L9.78 2L2 11.61l1.57 1.23l1.39-1.78l.93 3.48c-.18-.04-.35-.04-.56-.04c-1.95 0-2.09 1-3.33 1v2c1.9 0 2.17-1 3.35-1c1.19 0 1.42 1 3.33 1m5.36-7.32l1.42 5.32c-1.34.08-1.46-1-3.46-1c-.37 0-.66.04-.92.1l-.91-3.39z"/></svg>
</template>

CSS

.icon-home-flood {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.67%2019c-1.95%200-2.09%201-3.33%201c-1.19%200-1.42-1-3.34-1c-1.94%200-2.09%201-3.33%201s-1.38-1-3.33-1s-2.1%201-3.34%201v2c1.95%200%202.11-1%203.34-1c1.24%200%201.38%201%203.33%201s2.1-1%203.33-1s1.41%201%203.34%201s2.1-1%203.33-1c1.22%200%201.4%201%203.33%201v-2c-1.24%200-1.38-1-3.33-1m-9.99-1.5c1.95%200%202.09-1%203.32-1c1.2%200%201.43%201%203.34%201c1.95%200%202.09-1%203.33-1c1.19%200%201.4%201%203.33%201v-2c-.65%200-1-.28-1.5-.55l-2-7.53l2.07.85l.74-1.86L9.78%202L2%2011.61l1.57%201.23l1.39-1.78l.93%203.48c-.18-.04-.35-.04-.56-.04c-1.95%200-2.09%201-3.33%201v2c1.9%200%202.17-1%203.35-1c1.19%200%201.42%201%203.33%201m5.36-7.32l1.42%205.32c-1.34.08-1.46-1-3.46-1c-.37%200-.66.04-.92.1l-.91-3.39z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.67%2019c-1.95%200-2.09%201-3.33%201c-1.19%200-1.42-1-3.34-1c-1.94%200-2.09%201-3.33%201s-1.38-1-3.33-1s-2.1%201-3.34%201v2c1.95%200%202.11-1%203.34-1c1.24%200%201.38%201%203.33%201s2.1-1%203.33-1s1.41%201%203.34%201s2.1-1%203.33-1c1.22%200%201.4%201%203.33%201v-2c-1.24%200-1.38-1-3.33-1m-9.99-1.5c1.95%200%202.09-1%203.32-1c1.2%200%201.43%201%203.34%201c1.95%200%202.09-1%203.33-1c1.19%200%201.4%201%203.33%201v-2c-.65%200-1-.28-1.5-.55l-2-7.53l2.07.85l.74-1.86L9.78%202L2%2011.61l1.57%201.23l1.39-1.78l.93%203.48c-.18-.04-.35-.04-.56-.04c-1.95%200-2.09%201-3.33%201v2c1.9%200%202.17-1%203.35-1c1.19%200%201.42%201%203.33%201m5.36-7.32l1.42%205.32c-1.34.08-1.46-1-3.46-1c-.37%200-.66.04-.92.1l-.91-3.39z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/home-flood.svg?color=%231a73e8&size=48