ICONYZ
Português (Brasil)
Ícone Gear Alt de Framework7 Icons

Ícone Gear Alt

f7:gear-alt

O ícone Gear Alt (f7:gear-alt) é um ícone SVG gratuito da coleção Framework7 Icons de Vladimir Kharlampidi. Ele é desenhado em uma grade de 56 × 56. Framework7 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
Framework7 Icons
Autor
Vladimir Kharlampidi
Licença
MIT
Tamanho
56 × 56
Tags
gearalt
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="m22.292 4.683l2.025 2.243c2.22 2.458 5.823 2.452 8.036 0l1.9-2.104a23.9 23.9 0 0 1 6.516 2.853l-.137 2.68c-.169 3.308 2.384 5.851 5.682 5.683l2.425-.124a23.9 23.9 0 0 1 2.694 6.878l-1.69 1.525c-2.457 2.22-2.45 5.823 0 8.036l1.561 1.408a23.9 23.9 0 0 1-2.958 6.975l-2.032-.104c-3.307-.169-5.85 2.384-5.682 5.682l.104 2.032a23.9 23.9 0 0 1-6.975 2.958l-1.408-1.56c-2.22-2.458-5.823-2.452-8.036 0l-1.525 1.69a23.9 23.9 0 0 1-6.878-2.695l.124-2.425c.169-3.307-2.384-5.85-5.682-5.682l-2.68.137a23.9 23.9 0 0 1-2.854-6.517l2.104-1.9c2.458-2.218 2.452-5.822 0-8.035l-2.243-2.025A23.9 23.9 0 0 1 7.28 15.88l3.076.157c3.307.169 5.85-2.384 5.682-5.682L15.88 7.28a23.9 23.9 0 0 1 6.41-2.597M20.726 8.45a21 21 0 0 0-1.061.428l.026.513c.302 5.908-4.387 10.602-10.3 10.3l-.513-.026q-.228.525-.428 1.06l.373.338c4.391 3.964 4.395 10.598 0 14.566l-.172.156q.25.621.54 1.225l.2-.01c5.85-.299 10.511 4.297 10.308 10.13q.74.321 1.505.584c3.872-4.122 10.156-4.188 14.104-.186q.855-.32 1.679-.715c-.028-5.515 4.307-9.854 9.826-9.826q.394-.824.715-1.68c-3.999-3.944-3.94-10.228.186-14.103q-.262-.765-.585-1.505c-5.734.2-10.281-4.306-10.14-10.03l.021-.478a21 21 0 0 0-1.225-.54l-.156.172c-3.964 4.391-10.599 4.395-14.566 0zM28 19a9 9 0 1 1 0 18a9 9 0 0 1 0-18m0 3a6 6 0 1 0 0 12a6 6 0 0 0 0-12"/></svg>

Como usar o ícone Gear Alt

React

import { Icon } from "@iconify/react";

<Icon icon="f7:gear-alt" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="f7:gear-alt" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="f7:gear-alt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--gear-alt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:gear-alt"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="f7:gear-alt"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/f7/gear-alt.svg" alt="Ícone Gear Alt" width="24" height="24">

Ícones relacionados em Framework7 Icons

Ícone gear
gear
 Ícone gear-alt-fill
gear-alt-fill

O ícone Gear Alt em outras coleções

Ícone Gear Alt de Meteor Icons
Meteor Icons

Perguntas frequentes sobre Ícone Gear Alt

O ícone Gear Alt é grátis para uso comercial?

Sim. Framework7 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Gear Alt no React?

Instale @iconify/react e renderize <Icon icon="f7:gear-alt" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Gear Alt a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/f7/gear-alt.svg" alt="Ícone Gear Alt">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Framework7 Icons →