Icono Cog
fa-solid:cog
El icono Cog (fa-solid:cog) es un icono SVG gratuito de la colección Font Awesome 5 Solid de Dave Gandy. Está dibujado en una cuadrícula de 512 × 512. Font Awesome 5 Solid icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Font Awesome 5 Solid
- Autor
- Dave Gandy
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
- Categoría
- Interfaces, Indicadores de carga, Objetos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14c-11.1-35.6-30-67.8-54.7-94.6c-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7c-36.7-8.2-74.3-7.8-109.2 0c-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3c-24.7 26.7-43.6 58.9-54.7 94.6c-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14c11.1 35.6 30 67.8 54.7 94.6c3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7c36.7 8.2 74.3 7.8 109.2 0c5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3c24.7-26.7 43.6-58.9 54.7-94.6c1.5-5.5-.7-11.3-5.6-14.1M256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80s80 35.9 80 80s-35.9 80-80 80"/></svg>
Cómo usar el icono Cog
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:cog" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:cog" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:cog" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--cog]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:cog"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:cog"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fa-solid/cog.svg" alt="Icono Cog" width="24" height="24">
Iconos relacionados en Font Awesome 5 Solid
El icono Cog en otras colecciones
Preguntas frecuentes sobre Icono Cog
¿El icono Cog es gratis para uso comercial?
Sí. Font Awesome 5 Solid icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Cog en React?
Instala @iconify/react y renderiza <Icon icon="fa-solid: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/fa-solid/cog.svg" alt="Icono Cog">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Font Awesome 5 Solid →
ICONYZ
