Icono House Flood
glyphs-poly:house-flood
El icono House Flood (glyphs-poly:house-flood) es un icono SVG gratuito de la colección Glyphs Poly de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs Poly icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Glyphs Poly
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- houseflood
Código SVG
<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>Cómo usar el icono House Flood
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/house-flood.svg" alt="Icono House Flood" width="24" height="24">Iconos relacionados en Glyphs Poly
El icono House Flood en otras colecciones
Preguntas frecuentes sobre Icono House Flood
¿El icono House Flood es gratis para uso comercial?
Sí. Glyphs Poly icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono House Flood en React?
Instala @iconify/react y renderiza <Icon icon="glyphs-poly:house-flood" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono House Flood a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs-poly/house-flood.svg" alt="Icono House Flood">, o pega el código SVG en línea para darle estilo con CSS.