Icono Fog
glyphs-poly:fog
El icono Fog (glyphs-poly:fog) 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
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="#56ccf2" d="m11.563 17.844l-1.11-1.665zm-3.125 2.083l1.11 1.664zM22 18.885l1.11-1.664zm-1.562-1.041l-1.11 1.664zM4 19.27a2 2 0 0 0 0 4zm31.563-1.426l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM46 18.885l1.11-1.664zm-1.562-1.041l-1.11 1.664zm15.125 0l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM70 18.885l-1.11 1.664zm-1.562-1.041l-1.11 1.664zm3.125 2.083l1.109-1.664zM76 23.27a2 2 0 0 0 0-4zm-65.547-7.09l-3.125 2.083l2.22 3.328l3.124-2.083zm12.657 1.04l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245A6 6 0 0 1 4 19.27v4c1.933 0 3.868-.56 5.547-1.68zm27.125-2.084l-3.125 2.084l2.22 3.328l3.124-2.083zm-9.781 2.084L23.11 17.22l-2.22 3.328l1.563 1.042zM47.11 17.22l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm27.125-2.084l-3.125 2.084l2.22 3.328l3.124-2.083zm-9.781 2.084L47.11 17.22l-2.22 3.328l1.563 1.042zM71.11 17.22l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm17.344 0L71.11 17.22l-2.22 3.328l1.563 1.042zM76 19.27c-1.16 0-2.32-.335-3.328-1.007l-2.219 3.328A10 10 0 0 0 76 23.27z"/><path fill="#2f80ed" d="m11.563 31.613l-1.11-1.664zm-3.125 2.083l1.11 1.664zM22 32.655l1.11-1.664zm-1.562-1.042l-1.11 1.664zM4 33.04a2 2 0 0 0 0 4zm31.563-1.427l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM46 32.655l1.11-1.664zm-1.562-1.042l-1.11 1.664zm15.125 0l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM70 32.655l-1.11 1.664zm-1.562-1.042l-1.11 1.664zm3.125 2.083l1.109-1.664zM76 37.04a2 2 0 0 0 0-4zm-65.547-7.091l-3.125 2.083l2.22 3.328l3.124-2.083zm12.657 1.042l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245A6 6 0 0 1 4 33.04v4a10 10 0 0 0 5.547-1.68zm27.125-2.083l-3.125 2.083l2.22 3.328l3.124-2.083zm-9.781 2.083l-1.562-1.041l-2.22 3.328l1.563 1.041zm22.438-1.041l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm27.125-2.083l-3.125 2.083l2.22 3.328l3.124-2.083zm-9.781 2.083l-1.562-1.041l-2.22 3.328l1.563 1.041zm22.438-1.041l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm17.344 0l-1.562-1.041l-2.22 3.328l1.563 1.041zM76 33.04a6 6 0 0 1-3.328-1.008l-2.219 3.328A10 10 0 0 0 76 37.04z"/><path fill="#56ccf2" d="m11.563 45.383l-1.11-1.664zm-3.125 2.083l1.11 1.664zM22 46.424l1.11-1.664zm-1.562-1.041l-1.11 1.664zM4 46.809a2 2 0 1 0 0 4zm31.563-1.426l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM46 46.424l1.11-1.664zm-1.562-1.041l-1.11 1.664zm15.125 0l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM70 46.424l-1.11 1.664zm-1.562-1.041l-1.11 1.664zm3.125 2.083l1.109-1.664zM76 50.809a2 2 0 0 0 0-4zm-65.547-7.09l-3.125 2.083l2.22 3.328l3.124-2.083zM23.11 44.76l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245A6 6 0 0 1 4 46.81v4c1.933 0 3.868-.56 5.547-1.68zm27.125-2.083l-3.125 2.083l2.22 3.328l3.124-2.083zm-9.781 2.083L23.11 44.76l-2.22 3.328l1.563 1.042zM47.11 44.76l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm27.125-2.083l-3.125 2.083l2.22 3.328l3.124-2.083zm-9.781 2.083L47.11 44.76l-2.22 3.328l1.563 1.042zM71.11 44.76l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm17.344 0L71.11 44.76l-2.22 3.328l1.563 1.042zM76 46.81c-1.16 0-2.32-.336-3.328-1.008l-2.219 3.328A10 10 0 0 0 76 50.81z"/><path fill="#2f80ed" d="m11.563 59.152l-1.11-1.664zm-3.125 2.083l1.11 1.665zM22 60.194l1.11-1.664zm-1.562-1.042l-1.11 1.664zM4 60.58a2 2 0 0 0 0 4zm31.563-1.427l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.665zM46 60.194l1.11-1.664zm-1.562-1.042l-1.11 1.664zm15.125 0l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.665zM70 60.194l-1.11 1.664zm-1.562-1.042l-1.11 1.664zm3.125 2.083l1.109-1.664zM76 64.58a2 2 0 0 0 0-4zm-65.547-7.09l-3.125 2.08l2.22 3.329l3.124-2.084zm12.657 1.04l-1.563-1.04l-2.219 3.327l1.563 1.042zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245A6 6 0 0 1 4 60.58v4c1.933 0 3.868-.56 5.547-1.68zm27.125-2.083l-3.125 2.083l2.22 3.329l3.124-2.084zm-9.781 2.083L23.11 58.53l-2.22 3.328l1.563 1.042zM47.11 58.53l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0L22.453 62.9a10 10 0 0 0 11.094 0zm27.125-2.083l-3.125 2.083l2.22 3.329l3.124-2.084zm-9.781 2.083L47.11 58.53l-2.22 3.328l1.563 1.042zM71.11 58.53l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0L46.453 62.9a10 10 0 0 0 11.094 0zm17.344 0L71.11 58.53l-2.22 3.328l1.563 1.042zM76 60.58c-1.16 0-2.32-.336-3.328-1.008L70.453 62.9A10 10 0 0 0 76 64.579z"/></g></svg>Cómo usar el icono Fog
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:fog" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:fog" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:fog" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--fog]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:fog"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:fog"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/fog.svg" alt="Icono Fog" width="24" height="24">Iconos relacionados en Glyphs Poly
El icono Fog en otras colecciones
Preguntas frecuentes sobre Icono Fog
¿El icono Fog 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 Fog en React?
Instala @iconify/react y renderiza <Icon icon="glyphs-poly:fog" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Fog a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs-poly/fog.svg" alt="Icono Fog">, o pega el código SVG en línea para darle estilo con CSS.