ICONYZ
Español
Icono Bug de WebHostingHub Glyphs

Icono Bug

whh:bug

El icono Bug (whh:bug) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1025 × 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
1025 × 1024
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1024" viewBox="0 0 1025 1024"><path fill="currentColor" d="M960.512 448q26 0 45 19t19 45.5t-18.5 45t-45.5 18.5h-67q-5 53-19 106l101 26q37 10 46 45q6 14 0 32q-2 10-9 19q-50 156-52 156q-24 0-44-19t-20-45v-77l-68-18q-53 103-136 163t-180 60t-180-60t-136-163l-68 18v77q0 26-20 45t-44 19q-2 0-52-156q-7-9-9-19q-6-18 0-32q10-35 46-45l101-26q-14-53-19-106h-67q-26 0-45-18.5t-19-45t19-45.5t45-19h67q5-53 19-106l-101-26q-37-9-46-45q-6-14 0-32q2-10 9-19q50-156 52-156q24 0 44 19t20 45v78l68 17q53-103 136-163t180-60t180 60t136 163l68-17v-78q0-26 20-45t44-19q1 0 52 156q7 9 9 19q6 18 0 32q-10 36-46 45l-101 26q14 54 19 106zm-319.5 448q26.5 0 45-18.5t18.5-45t-18.5-45.5t-45-19t-45.5 19t-19 45.5t19 45t45.5 18.5m-256 0q26.5 0 45-18.5t18.5-45t-18.5-45.5t-45-19t-45.5 19t-19 45.5t19 45t45.5 18.5m-64-256q26.5 0 45-18.5t18.5-45t-18.5-45.5t-45-19t-45.5 19t-19 45.5t19 45t45.5 18.5m191.5-512q-62 0-122 45t-97 112.5t-37 130.5q10 5 21 9.5t20.5 7.5t24.5 5.5t23.5 4t27 2.5t26 2t28.5 1h85q65 0 97.5-1t79-8.5t79.5-22.5q0-63-36.5-130.5t-97-112.5t-122.5-45m192.5 384q-26.5 0-45.5 19t-19 45.5t19 45t45.5 18.5t45-18.5t18.5-45t-18.5-45.5t-45-19"/></svg>

Cómo usar el icono Bug

React

import { Icon } from "@iconify/react";

<Icon icon="whh:bug" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="whh:bug" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="whh:bug" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--bug]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:bug"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="whh:bug"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/whh/bug.svg" alt="Icono Bug" width="24" height="24">

El icono Bug en otras colecciones

Preguntas frecuentes sobre Icono Bug

¿El icono Bug 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 Bug en React?

Instala @iconify/react y renderiza <Icon icon="whh:bug" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Bug a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/bug.svg" alt="Icono Bug">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos WebHostingHub Glyphs →