Icono Fog Bold
glyphs:fog-bold
El icono Fog Bold (glyphs:fog-bold) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs 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
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- fogbold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" d="m11.563 17.844l-1.665-2.497zm-3.125 2.083l1.664 2.496zM22 18.885l1.664-2.496zm-1.562-1.041l-1.664 2.496zM4 18.27a3 3 0 0 0 0 6zm31.563-.426l1.664 2.496zm-3.125 2.083l-1.664-2.496zm-8.875 0l-1.665 2.496zM46 18.885l1.664-2.496zm-1.562-1.041l-1.664 2.496zm15.125 0l1.664 2.496zm-3.125 2.083l-1.664-2.496zm-8.875 0l-1.665 2.496zM70 18.885l-1.664 2.496zm-1.562-1.041l-1.664 2.496zm3.125 2.083l1.664-2.496zM76 24.27a3 3 0 0 0 0-6zM9.898 15.347l-3.124 2.084l3.328 4.992l3.125-2.083zm13.766 1.042l-1.562-1.042l-3.328 4.993l1.562 1.041zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zm-6.453-2.908c-.84.56-1.806.84-2.774.84v6c2.126 0 4.255-.617 6.102-1.848zm27.124-2.084l-3.124 2.084l3.328 4.992l3.125-2.083zm-8.671 2.084l-1.563-1.042l-3.328 4.992l1.563 1.042zm22.437-1.042l-1.562-1.042l-3.328 4.993l1.562 1.041zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.203 0zm-6.453-2.908a5 5 0 0 1-5.547 0l-3.329 4.992a11 11 0 0 0 12.204 0zm27.124-2.084l-3.124 2.084l3.328 4.992l3.125-2.083zm-8.671 2.084l-1.563-1.042l-3.328 4.992l1.563 1.042zm22.437-1.042l-1.562-1.042l-3.328 4.993l1.562 1.041zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zm-6.453-2.908a5 5 0 0 1-5.547 0l-3.328 4.992a11 11 0 0 0 12.203 0zm18.453 0l-1.563-1.042l-3.328 4.992l1.563 1.042zm2.773.84a5 5 0 0 1-2.773-.84l-3.329 4.992A11 11 0 0 0 76 24.27zM11.563 31.613l-1.665-2.496zm-3.125 2.083l1.664 2.497zM22 32.655l1.664-2.496zm-1.562-1.042l-1.664 2.496zM4 32.04a3 3 0 0 0 0 6zm31.563-.427l1.664 2.496zm-3.125 2.083L30.774 31.2zm-8.875 0l-1.665 2.497zM46 32.655l1.664-2.496zm-1.562-1.042l-1.664 2.496zm15.125 0l1.664 2.496zm-3.125 2.083L54.774 31.2zm-8.875 0l-1.665 2.497zM70 32.655l-1.664 2.496zm-1.562-1.042l-1.664 2.496zm3.125 2.083l1.664-2.496zM76 38.04a3 3 0 1 0 0-6zM9.898 29.117L6.774 31.2l3.328 4.993l3.125-2.084zm13.766 1.042l-1.562-1.042l-3.328 4.992l1.562 1.042zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zM6.774 31.2c-.84.56-1.806.84-2.774.84v6c2.126 0 4.255-.616 6.102-1.847zm27.124-2.083L30.775 31.2l3.328 4.993l3.125-2.084zm-8.67 2.083l-1.563-1.041l-3.328 4.992l1.563 1.041zm22.437-1.041l-1.562-1.042l-3.328 4.992l1.562 1.042zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.203 0zM30.774 31.2a5 5 0 0 1-5.547 0l-3.329 4.993a11 11 0 0 0 12.204 0zm27.124-2.083L54.774 31.2l3.328 4.993l3.125-2.084zm-8.67 2.083l-1.563-1.041l-3.328 4.992l1.563 1.041zm22.437-1.041l-1.562-1.042l-3.328 4.992l1.562 1.042zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zM54.774 31.2a5 5 0 0 1-5.547 0l-3.328 4.993a11 11 0 0 0 12.203 0zm18.453 0l-1.563-1.041l-3.328 4.992l1.563 1.041zm2.773.84a5 5 0 0 1-2.773-.84l-3.329 4.993A11 11 0 0 0 76 38.04zM11.563 45.383l-1.665-2.497zm-3.125 2.083l1.664 2.496zM22 46.424l1.664-2.496zm-1.562-1.041l-1.664 2.496zM4 45.809a3 3 0 1 0 0 6zm31.563-.426l1.664 2.496zm-3.125 2.083l-1.664-2.496zm-8.875 0l-1.665 2.496zM46 46.424l1.664-2.496zm-1.562-1.041l-1.664 2.496zm15.125 0l1.664 2.496zm-3.125 2.083l-1.664-2.496zm-8.875 0l-1.665 2.496zM70 46.424l-1.664 2.496zm-1.562-1.041l-1.664 2.496zm3.125 2.083l1.664-2.496zM76 51.809a3 3 0 0 0 0-6zM9.898 42.888L6.774 44.97l3.328 4.992l3.125-2.083zm13.766 1.041l-1.562-1.041l-3.328 4.992l1.562 1.041zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zM6.774 44.97c-.84.56-1.806.84-2.774.84v6a11 11 0 0 0 6.102-1.848zm27.124-2.084l-3.124 2.084l3.328 4.992l3.125-2.083zm-8.671 2.084l-1.563-1.042l-3.328 4.992l1.563 1.042zm22.437-1.042l-1.562-1.041l-3.328 4.992l1.562 1.041zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.203 0zm-6.453-2.908a5 5 0 0 1-5.547 0l-3.329 4.992a11 11 0 0 0 12.204 0zm27.124-2.084l-3.124 2.084l3.328 4.992l3.125-2.083zm-8.671 2.084l-1.563-1.042l-3.328 4.992l1.563 1.042zm22.437-1.042l-1.562-1.041l-3.328 4.992l1.562 1.041zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zm-6.453-2.908a5 5 0 0 1-5.547 0l-3.328 4.992a11 11 0 0 0 12.203 0zm18.453 0l-1.563-1.042l-3.328 4.992l1.563 1.042zm2.773.84a5 5 0 0 1-2.773-.84l-3.329 4.992A11 11 0 0 0 76 51.809zM11.563 59.152l-1.665-2.496zm-3.125 2.083l1.664 2.496zM22 60.194l1.664-2.496zm-1.562-1.042l-1.664 2.496zM4 59.58a3 3 0 0 0 0 6zm31.563-.427l1.664 2.496zm-3.125 2.083l-1.664-2.496zm-8.875 0l-1.665 2.496zM46 60.194l1.664-2.496zm-1.562-1.042l-1.664 2.496zm15.125 0l1.664 2.496zm-3.125 2.083l-1.664-2.496zm-8.875 0l-1.665 2.496zM70 60.194l-1.664 2.496zm-1.562-1.042l-1.664 2.496zm3.125 2.083l1.664-2.496zM76 65.58a3 3 0 0 0 0-6zM9.898 56.656l-3.124 2.083l3.328 4.993l3.125-2.084zm13.766 1.042l-1.562-1.042l-3.328 4.992l1.562 1.042zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zM6.774 58.74c-.84.56-1.806.84-2.774.84v6c2.126 0 4.255-.616 6.102-1.847zm27.124-2.083l-3.124 2.083l3.328 4.993l3.125-2.084zm-8.671 2.083l-1.563-1.041l-3.328 4.992L21.9 63.73zm22.437-1.041l-1.562-1.042l-3.328 4.992l1.562 1.042zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.203 0zm-6.453-2.909a5 5 0 0 1-5.547 0l-3.329 4.993a11 11 0 0 0 12.204 0zm27.124-2.083l-3.124 2.083l3.328 4.993l3.125-2.084zm-8.671 2.083l-1.563-1.041l-3.328 4.992L45.9 63.73zm22.437-1.041l-1.562-1.042l-3.328 4.992l1.562 1.042zm-10.437 3.95a5 5 0 0 1 5.547 0l3.328-4.992a11 11 0 0 0-12.204 0zm-6.453-2.909a5 5 0 0 1-5.547 0l-3.328 4.993a11 11 0 0 0 12.203 0zm18.453 0l-1.563-1.041l-3.328 4.992L69.9 63.73zm2.773.84a5 5 0 0 1-2.773-.84l-3.329 4.993A11 11 0 0 0 76 65.578z"/></svg>Cómo usar el icono Fog Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:fog-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:fog-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:fog-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--fog-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:fog-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:fog-bold"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/fog-bold.svg" alt="Icono Fog Bold" width="24" height="24">Iconos relacionados en Glyphs
El icono Fog Bold en otras colecciones
Preguntas frecuentes sobre Icono Fog Bold
¿El icono Fog Bold es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Fog Bold en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:fog-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Fog Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/fog-bold.svg" alt="Icono Fog Bold">, o pega el código SVG en línea para darle estilo con CSS.