Icono Torch
whh:torch
El icono Torch (whh:torch) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 512 × 1024. WebHostingHub Glyphs icons se publican bajo la Open Font License, 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
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licencia
- OFL-1.1
- Tamaño
- 512 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="1024" viewBox="0 0 512 1024"><path fill="currentColor" d="m506 548l-38 64q-7 11-20 19.5t-25 8.5h-39l-64 352q0 13-9 22.5t-23 9.5h-64q-13 0-22.5-9.5T192 992l-64-352H89q-11 0-24-8.5T44 612L7 548q-9-15-5.5-25.5T19 512h475q13 0 16.5 10.5T506 548M399 448h-79q2-4 6.5-17.5T334 406t3-22q0-38-57-135q-8-9-17-19q-4 21-11 44t-28 58t-47 52q-25 16-13 64H99q-18-3-26.5-23.5T64 384q0-21 16-43.5t32-44.5t16-40q0-27-6.5-54T106 157t-18.5-32.5T71 103l-6-7q58 24 120 68q14-45 8.5-81.5T174 23L161 0q6 3 17 8t41.5 21.5t58 35.5t60 48t53.5 60q29 41 44 90.5t13 88.5q-1 40-49 96"/></svg>
Cómo usar el icono Torch
React
import { Icon } from "@iconify/react";
<Icon icon="whh:torch" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:torch" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:torch" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--torch]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:torch"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:torch"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/torch.svg" alt="Icono Torch" width="24" height="24">
El icono Torch en otras colecciones
Preguntas frecuentes sobre Icono Torch
¿El icono Torch es gratis para uso comercial?
Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Torch en React?
Instala @iconify/react y renderiza <Icon icon="whh:torch" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Torch a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/torch.svg" alt="Icono Torch">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos WebHostingHub Glyphs →
ICONYZ
