Icono Burn
glyphs-poly:burn
El icono Burn (glyphs-poly:burn) 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="#eb5757" fill-rule="evenodd" d="M61 46.982c0 11.598-9.402 21-21 21s-21-9.402-21-21a21 21 0 0 1 4.2-12.6l16.759-22.344a.052.052 0 0 1 .082 0L56.8 34.382a21 21 0 0 1 4.2 12.6" clip-rule="evenodd"/><path fill="#eb5757" d="m56.8 34.382l1.6-1.2zM41.559 13.238L24.8 35.582l-3.2-2.4l16.758-22.344zM55.2 35.582L38.441 13.238l3.2-2.4L58.4 33.182zM38.358 10.838a2.052 2.052 0 0 1 3.284 0l-3.2 2.4a1.948 1.948 0 0 0 3.117 0zM17 46.982a23 23 0 0 1 4.6-13.8l3.2 2.4a19 19 0 0 0-3.8 11.4zm41.4-13.8a23 23 0 0 1 4.6 13.8h-4a19 19 0 0 0-3.8-11.4zM40 65.982c10.493 0 19-8.506 19-19h4c0 12.703-10.297 23-23 23zm0 4c-12.702 0-23-10.297-23-23h4c0 10.494 8.507 19 19 19z"/><path fill="#f2c94c" fill-rule="evenodd" d="M50 52.991c0 5.523-4.477 10-10 10s-10-4.477-10-10v-.602c0-2.21.69-4.364 1.975-6.163L39.98 35.02a.024.024 0 0 1 .04 0l8.005 11.207A10.6 10.6 0 0 1 50 52.39z" clip-rule="evenodd"/><path fill="#f2c94c" d="m48.025 46.226l-1.627 1.163zM32 52.39v.602h-4v-.602zm9.608-16.208L33.602 47.39l-3.255-2.325l8.006-11.208zm4.79 11.208l-8.006-11.21l3.255-2.325l8.006 11.208zM48 52.99v-.602h4v.602zm-9.647-19.135a2.024 2.024 0 0 1 3.294 0l-3.255 2.325a1.976 1.976 0 0 0 3.216 0zM28 52.39c0-2.627.82-5.188 2.347-7.325l3.255 2.325a8.6 8.6 0 0 0-1.602 5zm21.653-7.325A12.6 12.6 0 0 1 52 52.389h-4c0-1.793-.56-3.541-1.602-5zM40 60.99a8 8 0 0 0 8-8h4c0 6.628-5.373 12-12 12zm0 4c-6.627 0-12-5.372-12-12h4a8 8 0 0 0 8 8z"/></g></svg>
Cómo usar el icono Burn
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:burn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:burn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:burn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--burn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:burn"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:burn"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/burn.svg" alt="Icono Burn" width="24" height="24">
El icono Burn en otras colecciones
Preguntas frecuentes sobre Icono Burn
¿El icono Burn 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 Burn en React?
Instala @iconify/react y renderiza <Icon icon="glyphs-poly:burn" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Burn a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs-poly/burn.svg" alt="Icono Burn">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Glyphs Poly →
ICONYZ
