Icono Fire
simple-line-icons:fire
El icono Fire (simple-line-icons:fire) es un icono SVG gratuito de la colección Simple line icons de Sabbir Ahmed. Está dibujado en una cuadrícula de 1024 × 1024. Simple line 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
- Simple line icons
- Autor
- Sabbir Ahmed
- Licencia
- MIT
- Tamaño
- 1024 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M508.416 1023.28c-241.248 0-412.369-167.28-412.369-397.777c0-122.368 73.376-254.192 76.496-259.712c6.368-11.343 18.88-17.504 31.936-16.063a32.05 32.05 0 0 1 26.88 23.567c.192.752 19.968 74.752 46.064 115.84c17.536 27.649 35.312 47.185 55.312 60.753c-13.536-58.656-23.904-146.912-7.024-237.472C372.047 63.84 567.695 4.368 576.08 1.968c10.784-3.088 22.225-.32 30.433 7.151c8.192 7.504 11.936 18.752 9.808 29.665c-.32 1.744-32.624 175.776 35.936 324.064c6.223 13.471 14.912 29.12 24.256 44.784c2.656-21.504 6.784-44.368 13.12-66.56c25.152-87.969 90.192-118 92.944-119.217c10.848-4.944 23.504-3.312 32.88 4.032a32.06 32.06 0 0 1 11.68 31.007c-.336 2.16-9.409 62.033 41.536 146.944c46 76.672 59.28 126.368 59.28 221.681c0 230.48-176.432 397.761-419.536 397.761zm-312.721-555.6c-17.568 44.304-35.665 103.246-35.665 157.806c0 193.408 144.192 333.776 348.368 333.776c206 0 355.536-140.368 355.536-333.776c0-83.536-10.32-122.32-50.16-188.752c-26.624-44.368-39.777-84.256-46.065-116c-6.336 10.256-12.223 22.784-16.527 37.872c-19.504 68.193-14.592 147.937-14.527 148.753c.944 14.273-7.744 27.473-21.248 32.257s-28.529.064-36.817-11.663c-2.4-3.408-59.312-83.968-84.4-138.24c-52.096-112.592-51.216-234.336-45.904-304.464c-52.72 30.72-133.664 99.344-159.664 238.912c-25.312 135.808 23.872 271.6 24.4 272.943c4.256 11.088 2 23.664-5.808 32.592c-7.84 8.88-19.904 12.815-31.536 10.03c-3.967-.975-94.032-24.399-152.336-116.286c-10.416-16.464-19.76-36.384-27.647-55.76"/></svg>
Cómo usar el icono Fire
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:fire" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:fire" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:fire" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--fire]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:fire"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:fire"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/simple-line-icons/fire.svg" alt="Icono Fire" width="24" height="24">
El icono Fire en otras colecciones
Preguntas frecuentes sobre Icono Fire
¿El icono Fire es gratis para uso comercial?
Sí. Simple line icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Fire en React?
Instala @iconify/react y renderiza <Icon icon="simple-line-icons:fire" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Fire a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/simple-line-icons/fire.svg" alt="Icono Fire">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Simple line icons →
ICONYZ
