Ícone Cog
fa7-solid:cog
O ícone Cog (fa7-solid:cog) é um ícone SVG gratuito da coleção Font Awesome Solid de Dave Gandy. Ele é desenhado em uma grade de 640 × 640. Font Awesome Solid icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Font Awesome Solid
- Autor
- Dave Gandy
- Licença
- CC-BY-4.0
- Tamanho
- 640 × 640
- Categoria
- Objetos, Interfaces, Indicadores de carregamento
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M259.1 73.5c3-14.8 16.1-25.5 31.3-25.5h59.8c15.2 0 28.3 10.7 31.3 25.5l14.5 70c14.1 6 27.3 13.7 39.3 22.8l67.8-22.5c14.4-4.8 30.2 1.2 37.8 14.4l29.9 51.8c7.6 13.2 4.9 29.8-6.5 39.9L511 297.3c.9 7.4 1.3 15 1.3 22.7s-.5 15.3-1.3 22.7l53.4 47.5c11.4 10.1 14 26.8 6.5 39.9L541 481.9c-7.6 13.1-23.4 19.2-37.8 14.4l-67.8-22.5c-12.1 9.1-25.3 16.7-39.3 22.8l-14.4 69.9c-3.1 14.9-16.2 25.5-31.3 25.5h-59.8c-15.2 0-28.3-10.7-31.3-25.5l-14.4-69.9c-14.1-6-27.2-13.7-39.3-22.8l-68.1 22.5c-14.4 4.8-30.2-1.2-37.8-14.4l-29.9-51.8c-7.6-13.2-4.9-29.8 6.5-39.9l53.4-47.5c-.9-7.4-1.3-15-1.3-22.7s.5-15.3 1.3-22.7l-53.4-47.5c-11.4-10.1-14-26.8-6.5-39.9l29.9-51.8c7.6-13.2 23.4-19.2 37.8-14.4l67.8 22.5c12.1-9.1 25.3-16.7 39.3-22.8zM320.3 400c44.2-.2 79.9-36.1 79.7-80.3s-36.1-79.9-80.3-79.7s-79.9 36.1-79.7 80.3s36.1 79.9 80.3 79.7"/></svg>
Como usar o ícone Cog
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-solid:cog" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-solid:cog" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-solid:cog" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--cog]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:cog"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-solid:cog"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fa7-solid/cog.svg" alt="Ícone Cog" width="24" height="24">
Ícones relacionados em Font Awesome Solid
O ícone Cog em outras coleções
Perguntas frequentes sobre Ícone Cog
O ícone Cog é grátis para uso comercial?
Sim. Font Awesome Solid icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Cog no React?
Instale @iconify/react e renderize <Icon icon="fa7-solid:cog" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cog a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fa7-solid/cog.svg" alt="Ícone Cog">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Font Awesome Solid →
ICONYZ
