House Flood icon
glyphs-poly:house-flood
The House Flood icon (glyphs-poly:house-flood) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- houseflood
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2c94c" fill-rule="evenodd" d="m40 14l20 16v18.89c-.826.307-1.625.712-2.379 1.215l-.906.604a8.5 8.5 0 0 1-4.117 1.406h-1.195a8.5 8.5 0 0 1-4.118-1.406l-.453-.302l-.453-.302a11.5 11.5 0 0 0-12.758 0l-.906.604a8.5 8.5 0 0 1-4.117 1.406h-1.195a8.5 8.5 0 0 1-4.118-1.406l-.453-.302l-.453-.302A11.5 11.5 0 0 0 20 48.89V30z" clip-rule="evenodd"/><path fill="#f2c94c" d="M60 30h2a2 2 0 0 0-.75-1.562zM40 14l1.25-1.562a2 2 0 0 0-2.5 0zm20 34.89l.696 1.876A2 2 0 0 0 62 48.89zm-2.379 1.215l-1.11-1.664zm-.906.604l-1.11-1.664zm-4.117 1.406v2q.07 0 .14-.005zm-1.195 0l-.14 1.995q.07.006.14.005zm-4.118-1.406l1.11-1.664zm-.906-.604l-1.11 1.664zm-12.758 0l1.11 1.664zm-.906.604l-1.11-1.664zm-4.117 1.406v2q.07 0 .14-.005zm-1.195 0l-.14 1.995q.07.006.14.005zm-4.118-1.406l1.11-1.664zm-.453-.302l-1.11 1.664zm-.453-.302l1.11-1.664zM20 48.89h-2a2 2 0 0 0 1.304 1.875zM20 30l-1.25-1.562A2 2 0 0 0 18 30zm41.25-1.562l-20-16l-2.5 3.124l20 16zM62 48.891V30h-4v18.89zm-3.27 2.878a9.5 9.5 0 0 1 1.966-1.003l-1.392-3.75c-.97.36-1.908.835-2.792 1.425zm-.905.604l.905-.604l-2.218-3.328l-.906.604zm-5.087 1.737a10.5 10.5 0 0 0 5.087-1.737l-2.22-3.328a6.5 6.5 0 0 1-3.148 1.075zm-1.335.005h1.195v-4h-1.195zm-5.227-1.742a10.5 10.5 0 0 0 5.086 1.737l.28-3.99a6.5 6.5 0 0 1-3.147-1.075zm-.453-.302l.453.302l2.219-3.328l-.453-.303zm-.453-.302l.453.302l2.219-3.328l-.453-.302zm-10.54 0a9.5 9.5 0 0 1 10.54 0l2.219-3.328a13.5 13.5 0 0 0-14.977 0zm-.905.604l.905-.604l-2.218-3.328l-.906.604zm-5.087 1.737a10.5 10.5 0 0 0 5.087-1.737l-2.22-3.328a6.5 6.5 0 0 1-3.148 1.075zm-1.335.005h1.195v-4h-1.195zm-5.227-1.742a10.5 10.5 0 0 0 5.086 1.737l.28-3.99a6.5 6.5 0 0 1-3.147-1.075zm-.453-.302l.453.302l2.219-3.328l-.453-.303zm-.453-.302l.453.302l2.219-3.328l-.453-.302zm-1.966-1.003a9.5 9.5 0 0 1 1.966 1.003l2.219-3.328a13.5 13.5 0 0 0-2.793-1.425zM18 30v18.89h4V30zm20.75-17.562l-20 16l2.5 3.124l20-16z"/><path stroke="#eb5757" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m67.5 36l-3-2.4L40 14L15.5 33.6l-3 2.4"/><path fill="#eb5757" fill-rule="evenodd" d="M55 26V15h-6v6.2z" clip-rule="evenodd"/><path fill="#eb5757" d="M55 15h2a2 2 0 0 0-2-2zm0 11l-1.25 1.562A2 2 0 0 0 57 26zm-6-11v-2a2 2 0 0 0-2 2zm0 6.2h-2a2 2 0 0 0 .75 1.562zm4-6.2v11h4V15zm-4 2h6v-4h-6zm2 4.2V15h-4v6.2zm-3.25 1.562l6 4.8l2.5-3.124l-6-4.8z"/><path fill="#2f80ed" d="m10.453 57.699l1.11 1.664zm-.906.604l-1.11-1.665zM22 58l1.11-1.665zm-.453-.302l-1.11 1.664zM6.8 57.477a2 2 0 1 0 1.4 3.747zm27.653.222l-1.11-1.665zm-.906.604l-1.11-1.665zm-11.094 0l-1.11 1.664zm23.094-.604l-1.11 1.664zm12.906 0l-1.11-1.665zm-.906.604l1.11 1.664zm-11.094 0l1.11-1.665zm23.094-.604l-1.11 1.664zm.906.604l1.11-1.665zm1.347 2.92a2 2 0 1 0 1.4-3.746zM9.344 56.034l-.906.604l2.219 3.329l.906-.604zm13.766.302l-.453-.302l-2.22 3.329l.454.302zm-11.547 3.027a8 8 0 0 1 8.875 0l2.219-3.329a12 12 0 0 0-13.313 0zm-3.125-2.725c-.52.347-1.07.626-1.638.839l1.4 3.747a12 12 0 0 0 2.457-1.257zm24.906-.604l-.906.604l2.219 3.329l.906-.604zm-9.781.604l-.453-.302l-2.22 3.329l.454.302zm23.547-.302l-.453-.302l-2.22 3.329l.454.302zm-11.547 3.027a8 8 0 0 1 8.875 0l2.219-3.329a12 12 0 0 0-13.313 0zm-3.125-2.725a8 8 0 0 1-8.875 0l-2.22 3.329a12 12 0 0 0 13.314 0zm24.906-.604l-.906.604l2.219 3.329l.906-.604zm-9.781.604l-.453-.302l-2.22 3.329l.454.302zm23.547-.302l-.453-.302l-2.22 3.329l.454.302zm-11.547 3.027a8 8 0 0 1 8.875 0l2.219-3.329a12 12 0 0 0-13.313 0zm-3.125-2.725a8 8 0 0 1-8.875 0l-2.22 3.329a12 12 0 0 0 13.314 0zm15.125 0l-.453-.302l-2.22 3.329l.454.302zm1.637.839a8 8 0 0 1-1.637-.839l-2.22 3.329a12 12 0 0 0 2.457 1.256zM22 65.77l1.11-1.664zm-.453-.302l-1.11 1.664zM20.2 62.547a2 2 0 0 0-1.4 3.747zm14.253 2.921l1.11 1.664zm-.906.604l-1.11-1.664zm-11.094 0l-1.11 1.664zm23.094-.604l-1.11 1.664zm12.906 0l1.11 1.664zm-.906.604l-1.11-1.664zm-11.094 0l1.11-1.664zm14.747.222a2 2 0 0 0-1.4-3.747zm-38.09-2.188l-.453-.302l-2.22 3.328l.454.302zm-4.31 2.188a8 8 0 0 1 1.638.838l2.219-3.328a12 12 0 0 0-2.457-1.257zm14.544-2.49l-.906.604l2.219 3.328l.906-.604zm-9.781.604l-.453-.302l-2.22 3.328l.454.302zm23.547-.302l-.453-.302l-2.22 3.328l.454.302zm-11.547 3.026a8 8 0 0 1 8.875 0l2.219-3.328a12 12 0 0 0-13.313 0zm-3.125-2.724a8 8 0 0 1-8.875 0l-2.22 3.328a12 12 0 0 0 13.314 0zm24.906-.604l-.906.604l2.219 3.328l.906-.604zm-9.781.604l-.453-.302l-2.22 3.328l.454.302zm12 2.724a8 8 0 0 1 1.637-.838l-1.4-3.747c-.853.319-1.678.738-2.456 1.257zm-3.125-2.724a8 8 0 0 1-8.875 0l-2.22 3.328a12 12 0 0 0 13.314 0z"/><rect width="12" height="12" x="34" y="29" fill="#f2f2f2" rx="1"/></g></svg>How to use the House Flood icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:house-flood" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:house-flood" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:house-flood" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--house-flood]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:house-flood"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:house-flood"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/house-flood.svg" alt="House Flood icon" width="24" height="24">Related icons in Glyphs Poly
House Flood icon in other icon sets
House Flood icon FAQ
Is the House Flood icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the House Flood icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:house-flood" />, or use “Copy code” on this page to get a standalone React component.
How do I add the House Flood icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/house-flood.svg" alt="House Flood icon">, or paste the SVG code inline to style it with CSS.