ICONYZ
Español
Icono Gears de WebHostingHub Glyphs

Icono Gears

whh:gears

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

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="962" viewBox="0 0 1024 962"><path fill="currentColor" d="M992 737H884q-12 35-38 64l47 83q6 12 2.5 24T882 927l-53 31q-11 6-23 3t-18-15l-48-84q-20 4-36 4t-36-4l-48 84q-6 12-18 15t-23-3l-53-31q-10-7-13.5-19t2.5-24l47-83q-26-29-38-64H416q-13 0-22.5-9t-9.5-23v-64q0-13 9.5-22.5T416 609h108q12-34 38-63l-47-83q-6-12-2.5-24t13.5-19l53-31q11-6 23-3t18 14l48 85q20-4 36-4t36 4l48-85q6-11 18-14t23 3l53 31q10 7 13.5 19t-2.5 24l-47 83q26 29 38 63h108q13 0 22.5 9.5t9.5 22.5v64q0 14-9.5 23t-22.5 9M704 609q-27 0-45.5 19T640 673.5t18.5 45T704 737t45.5-18.5t18.5-45t-18.5-45.5t-45.5-19m-96-256H500q-12 35-38 64l47 83q6 11 2.5 23.5T498 543l-53 31q-11 6-23 2.5T404 562l-48-84q-19 3-36 3t-36-3l-48 84q-6 11-18 14.5t-23-2.5l-53-31q-10-7-13.5-19.5T131 500l47-83q-26-29-38-64H32q-13 0-22.5-9T0 321v-64q0-13 9.5-22.5T32 225h108q12-34 38-64l-47-83q-6-11-2.5-23.5T142 36l53-31q11-7 23-3.5T236 16l48 85q20-4 36-4t36 4l48-85q6-11 18-14.5T445 5l53 31q10 6 13.5 18.5T509 78l-47 83q26 30 38 64h108q13 0 22.5 9.5T640 257v64q0 14-9.5 23t-22.5 9M320 225q-27 0-45.5 19T256 289.5t18.5 45T320 353t45.5-18.5t18.5-45t-18.5-45.5t-45.5-19"/></svg>

Cómo usar el icono Gears

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

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

Iconos relacionados en WebHostingHub Glyphs

El icono Gears en otras colecciones

Preguntas frecuentes sobre Icono Gears

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

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

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

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

Ver todos los Iconos WebHostingHub Glyphs →