Icono Gear Fine Bold
ph:gear-fine-bold
El icono Gear Fine Bold (ph:gear-fine-bold) es un icono SVG gratuito de la colección Phosphor de Phosphor Icons. Está dibujado en una cuadrícula de 256 × 256. Phosphor 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
- Phosphor
- Autor
- Phosphor Icons
- Licencia
- MIT
- Tamaño
- 256 × 256
- Etiquetas
- setup, preferences, cogs, gears, machinery, mechanical, gearfine, finebold, gearfinebold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M232 116h-12.78A91 91 0 0 0 213 92.79l11.08-6.4a12 12 0 1 0-12-20.78L201 72a93 93 0 0 0-17-17l6.41-11.11a12 12 0 1 0-20.78-12L163.21 43A91 91 0 0 0 140 36.78V24a12 12 0 0 0-24 0v12.78A91 91 0 0 0 92.79 43l-6.4-11.08a12 12 0 0 0-20.78 12L72 55a93 93 0 0 0-17 17l-11.07-6.39a12 12 0 0 0-12 20.78L43 92.79A91 91 0 0 0 36.78 116H24a12 12 0 0 0 0 24h12.78A91 91 0 0 0 43 163.21l-11.08 6.4a12 12 0 1 0 12 20.78L55 184a93 93 0 0 0 17 17l-6.41 11.11a12 12 0 1 0 20.78 12L92.79 213a91 91 0 0 0 23.21 6.22V232a12 12 0 0 0 24 0v-12.78a91 91 0 0 0 23.21-6.22l6.4 11.08a12 12 0 0 0 20.78-12L184 201a93 93 0 0 0 17-17l11.11 6.41a12 12 0 1 0 12-20.78L213 163.21a91 91 0 0 0 6.22-23.21H232a12 12 0 0 0 0-24M128 60a68.1 68.1 0 0 1 66.92 56h-60l-30-52A67.6 67.6 0 0 1 128 60m-68 68a67.9 67.9 0 0 1 24.16-51.93l30 51.93l-30 51.93A67.9 67.9 0 0 1 60 128m68 68a67.6 67.6 0 0 1-23.07-4l30-52h60A68.1 68.1 0 0 1 128 196"/></svg>
Cómo usar el icono Gear Fine Bold
React
import { Icon } from "@iconify/react";
<Icon icon="ph:gear-fine-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:gear-fine-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:gear-fine-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--gear-fine-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:gear-fine-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:gear-fine-bold"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ph/gear-fine-bold.svg" alt="Icono Gear Fine Bold" width="24" height="24">
Iconos relacionados en Phosphor
Preguntas frecuentes sobre Icono Gear Fine Bold
¿El icono Gear Fine Bold es gratis para uso comercial?
Sí. Phosphor icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Gear Fine Bold en React?
Instala @iconify/react y renderiza <Icon icon="ph:gear-fine-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Gear Fine Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ph/gear-fine-bold.svg" alt="Icono Gear Fine Bold">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Phosphor →
ICONYZ
