Ícone Cogs
glyphs:cogs
O ícone Cogs (glyphs:cogs) é um ícone SVG gratuito da coleção Glyphs de Goran Spasojevic. Ele é desenhado em uma grade de 80 × 80. Glyphs icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Glyphs
- Autor
- Goran Spasojevic
- Licença
- MIT
- Tamanho
- 80 × 80
- Tags
- cog
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m31.054 30.091l-6.497.102l-3.163-4.564a22.6 22.6 0 0 0-8.828 5.096l2.371 5.021l-3.337 5.577l-5.712.535a21.4 21.4 0 0 0-.13 10.19l5.652.353l3.105 5.378l-2.52 5.071a21.4 21.4 0 0 0 8.892 4.98l3.318-4.677l6.497-.102l3.16 4.56a22.6 22.6 0 0 0 8.828-5.097l-2.37-5.017l3.337-5.575l5.707-.535c.864-3.336.909-6.834.132-10.19l-5.648-.354l-3.105-5.377l2.518-5.07a21.4 21.4 0 0 0-8.889-4.982z"/><path d="M20.494 42.503a8.47 8.47 0 0 1 7.134-4.119l.263-.004a8.02 8.02 0 0 1 7.007 12.136l-.135.226a8.47 8.47 0 0 1-7.134 4.12l-.263.003a8.02 8.02 0 0 1-7.007-12.136zm51.96-13.991l-.068-4.377l3.118-2.16a15.4 15.4 0 0 0-3.497-6.058l-3.43 1.62l-3.757-2.248l-.366-3.903a14.6 14.6 0 0 0-6.991-.09l-.242 3.862l-3.623 2.092l-3.464-1.721a14.6 14.6 0 0 0-3.417 6.1l3.195 2.267l.069 4.377l-3.116 2.16a15.4 15.4 0 0 0 3.498 6.057l3.427-1.619l3.756 2.247l.366 3.9c2.288.596 4.69.627 6.991.09l.242-3.859l3.622-2.09l3.464 1.72a14.6 14.6 0 0 0 3.419-6.1z"/><path d="M63.992 21.338a5.77 5.77 0 0 1 2.808 4.864l.003.18a5.468 5.468 0 0 1-8.275 4.777l-.154-.092a5.77 5.77 0 0 1-2.809-4.864l-.002-.18a5.468 5.468 0 0 1 8.275-4.777z"/></g></svg>
Como usar o ícone Cogs
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:cogs" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:cogs" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:cogs" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--cogs]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:cogs"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:cogs"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/glyphs/cogs.svg" alt="Ícone Cogs" width="24" height="24">
Ícones relacionados em Glyphs
O ícone Cogs em outras coleções
Perguntas frequentes sobre Ícone Cogs
O ícone Cogs é grátis para uso comercial?
Sim. Glyphs icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Cogs no React?
Instale @iconify/react e renderize <Icon icon="glyphs:cogs" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cogs a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/glyphs/cogs.svg" alt="Ícone Cogs">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Glyphs →
ICONYZ
