Icono Manual Gear
icon-park:manual-gear
El icono Manual Gear (icon-park:manual-gear) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, 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
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Viajes
- Etiquetas
- manualgear
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M40 12V24H8"/><path d="M24 12V24V36"/><path d="M8 12V24V36"/><path fill="#2F88FF" d="M44 8C44 10.2091 42.2091 12 40 12C37.7909 12 36 10.2091 36 8C36 5.79086 37.7909 4 40 4C42.2091 4 44 5.79086 44 8Z"/><path fill="#2F88FF" d="M28 8C28 10.2091 26.2091 12 24 12C21.7909 12 20 10.2091 20 8C20 5.79086 21.7909 4 24 4C26.2091 4 28 5.79086 28 8Z"/><path fill="#2F88FF" d="M12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"/><path fill="#2F88FF" d="M28 40C28 42.2091 26.2091 44 24 44C21.7909 44 20 42.2091 20 40C20 37.7909 21.7909 36 24 36C26.2091 36 28 37.7909 28 40Z"/><path fill="#2F88FF" d="M12 40C12 42.2091 10.2091 44 8 44C5.79086 44 4 42.2091 4 40C4 37.7909 5.79086 36 8 36C10.2091 36 12 37.7909 12 40Z"/><path fill="#2F88FF" d="M40 44C42.2091 44 44 42.2091 44 40C44 37.7909 42.2091 36 40 36C37.7909 36 36 37.7909 36 40C36 42.2091 37.7909 44 40 44Z"/></g></svg>Cómo usar el icono Manual Gear
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:manual-gear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:manual-gear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:manual-gear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--manual-gear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:manual-gear"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:manual-gear"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/manual-gear.svg" alt="Icono Manual Gear" width="24" height="24">El icono Manual Gear en otras colecciones
Preguntas frecuentes sobre Icono Manual Gear
¿El icono Manual Gear es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Manual Gear en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:manual-gear" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Manual Gear a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/manual-gear.svg" alt="Icono Manual Gear">, o pega el código SVG en línea para darle estilo con CSS.