Icono Fire Smoke
glyphs-poly:fire-smoke
El icono Fire Smoke (glyphs-poly:fire-smoke) 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
- firesmoke
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#828282" d="M11.515 48.515A12 12 0 0 0 20 69h40a12 12 0 1 0-10-18.633a12 12 0 0 0-20 0a12 12 0 0 0-18.485-1.852"/><path fill="#eb5757" d="M29.435 37.05L21.58 26.083l-.556.777a25.37 25.37 0 0 0-4.743 14.77V43q0 1.29.134 2.548A11.996 11.996 0 0 1 30 50.367A12 12 0 0 1 40 45a12 12 0 0 1 10 5.367A12 12 0 0 1 60 45c1.422 0 2.818.252 4.128.732q.154-1.345.154-2.732v-1.37a25.37 25.37 0 0 0-4.743-14.77L48.183 11L29.529 37.05a.058.058 0 0 1-.094 0"/><path fill="#f2c94c" d="m29.153 47.823l-5.524-7.715a16 16 0 0 0-.343 5.35A12 12 0 0 1 30 50.368A12 12 0 0 1 40 45a12 12 0 0 1 10 5.367a12 12 0 0 1 6.714-4.908q.086-.823.086-1.668c0-3.573-1.193-7.042-3.39-9.86L46 24.427L29.247 47.823a.058.058 0 0 1-.094 0"/><path fill="#bdbdbd" d="M28 57a12 12 0 1 1 24 0a12 12 0 0 1-24 0"/></g></svg>Cómo usar el icono Fire Smoke
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:fire-smoke" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:fire-smoke" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:fire-smoke" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--fire-smoke]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:fire-smoke"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:fire-smoke"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/fire-smoke.svg" alt="Icono Fire Smoke" width="24" height="24">Iconos relacionados en Glyphs Poly
El icono Fire Smoke en otras colecciones
Preguntas frecuentes sobre Icono Fire Smoke
¿El icono Fire Smoke 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 Fire Smoke en React?
Instala @iconify/react y renderiza <Icon icon="glyphs-poly:fire-smoke" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Fire Smoke a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs-poly/fire-smoke.svg" alt="Icono Fire Smoke">, o pega el código SVG en línea para darle estilo con CSS.