Icono Cog
el:cog
El icono Cog (el:cog) es un icono SVG gratuito de la colección Elusive Icons de Team Redux. Está dibujado en una cuadrícula de 1200 × 1200. Elusive 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
- Elusive Icons
- Autor
- Team Redux
- Licencia
- OFL-1.1
- Tamaño
- 1200 × 1200
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="m506.274 0l-18.238 181.063c-37.264 9.933-72.584 24.601-105.185 43.498L241.97 109.428L109.428 241.97l115.133 140.929a431 431 0 0 0-43.596 105.186L0 506.274v187.5l181.063 18.189c9.928 37.243 24.616 72.551 43.498 105.137L109.428 958.03l132.542 132.542L382.9 975.438c32.585 18.882 67.893 33.571 105.136 43.498L506.226 1200h187.5l18.189-180.966A431 431 0 0 0 817.1 975.438l140.931 115.134l132.542-132.542l-115.135-140.882c18.897-32.601 33.565-67.921 43.498-105.185L1200 693.774v-187.5l-180.966-18.189a430.8 430.8 0 0 0-43.596-105.233l115.134-140.881L958.03 109.428L817.148 224.561a431 431 0 0 0-105.233-43.596L693.726 0zM600 426.544c95.787 0 173.456 77.669 173.456 173.456S695.787 773.456 600 773.456S426.544 695.787 426.544 600S504.213 426.544 600 426.544"/></svg>
Cómo usar el icono Cog
React
import { Icon } from "@iconify/react";
<Icon icon="el:cog" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:cog" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:cog" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--cog]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:cog"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:cog"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/el/cog.svg" alt="Icono Cog" width="24" height="24">
Iconos relacionados en Elusive Icons
El icono Cog en otras colecciones
Preguntas frecuentes sobre Icono Cog
¿El icono Cog es gratis para uso comercial?
Sí. Elusive Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Cog en React?
Instala @iconify/react y renderiza <Icon icon="el: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/el/cog.svg" alt="Icono Cog">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Elusive Icons →
ICONYZ
