Icono Cog
il:cog
El icono Cog (il:cog) es un icono SVG gratuito de la colección Icalicons de Icalia Labs. Está dibujado en una cuadrícula de 740 × 830. Icalicons 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
- Icalicons
- Autor
- Icalia Labs
- Licencia
- MIT
- Tamaño
- 740 × 830
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="740" height="830" viewBox="0 0 740 830"><path fill="currentColor" d="M722 424q12 9 9 24q-11 46-33 86q-3 7-9 10t-15 1q-22-4-43 2t-39 24t-23 40t-2 46q3 16-10 24q-41 24-82 35q-16 5-26-10q-12-20-32-32t-46-12t-45 12t-34 32q-9 15-25 10q-44-12-82-35q-15-8-11-24q5-23-1-46t-23-40t-39-24t-44-2q-16 4-24-11q-22-42-32-86q-5-15 9-24q17-13 28-33t10.5-42t-9.5-40t-25-31q-12-11-8-24q15-48 40-89q7-12 20-10q20 2 40-5t34-22q29-29 27-69q-1-13 11-20q44-26 94-38q13-3 21 6q13 14 31 22t37 8t37-8t30-22q9-9 22-6q50 12 94 38q11 6 11 20q-2 40 27 69q15 15 34 22t39 5q13-2 21 10q25 41 40 89q3 14-8 24q-16 13-25 31t-9 40.5t11 41.5t27 33m-351 76q29 0 55-11t44-30t29-44t11-54t-11-55t-29-44t-44-29t-55-11t-54 11t-44 29t-30 44t-11 55t11 54t30 44t44 30t54 11"/></svg>
Cómo usar el icono Cog
React
import { Icon } from "@iconify/react";
<Icon icon="il:cog" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="il:cog" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="il:cog" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[il--cog]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/il -->
<div class="i-il:cog"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="il:cog"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/il/cog.svg" alt="Icono Cog" width="24" height="24">
El icono Cog en otras colecciones
Preguntas frecuentes sobre Icono Cog
¿El icono Cog es gratis para uso comercial?
Sí. Icalicons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Cog en React?
Instala @iconify/react y renderiza <Icon icon="il:cog" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cog a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/il/cog.svg" alt="Icono Cog">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Icalicons →
ICONYZ
