Icono Extinguisher
whh:extinguisher
El icono Extinguisher (whh:extinguisher) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 832 × 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
- 832 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="832" height="1024" viewBox="0 0 832 1024"><path fill="currentColor" d="m814 60l-242 99q-5 18-14 33h242q13 0 22.5 9.5T832 224t-9.5 22.5T800 256H512v72q84 22 138 91t54 157v384q0 27-19 45.5t-45 18.5H256q-27 0-45.5-18.5T192 960V576q0-88 54-157t138-91v-72H256q-53 0-90.5 37.5T128 384v512q0 27-18.5 45.5t-45 18.5T19 941.5T0 896V384q0-106 75-181t181-75h64q0-53 37.5-90.5T448 0q42 0 75.5 25T570 90L778 4q13-6 27.5-2.5T827 16t3.5 24T814 60"/></svg>Cómo usar el icono Extinguisher
React
import { Icon } from "@iconify/react";
<Icon icon="whh:extinguisher" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:extinguisher" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:extinguisher" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--extinguisher]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:extinguisher"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:extinguisher"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/extinguisher.svg" alt="Icono Extinguisher" width="24" height="24">El icono Extinguisher en otras colecciones
Preguntas frecuentes sobre Icono Extinguisher
¿El icono Extinguisher 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 Extinguisher en React?
Instala @iconify/react y renderiza <Icon icon="whh:extinguisher" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Extinguisher a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/extinguisher.svg" alt="Icono Extinguisher">, o pega el código SVG en línea para darle estilo con CSS.