Ícone Globe Gear
gis:globe-gear
O ícone Globe Gear (gis:globe-gear) é um ícone SVG gratuito da coleção Font-GIS de Jean-Marc Viglino. Ele é desenhado em uma grade de 100 × 100. Font-GIS 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-GIS
- Autor
- Jean-Marc Viglino
- Licença
- CC-BY-4.0
- Tamanho
- 100 × 100
- Categoria
- Tags
- globegear
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M42.5 0A2.5 2.5 0 0 0 40 2.5v9.283a39.3 39.3 0 0 0-9.936 4.139l-6.58-6.58a2.5 2.5 0 0 0-3.537 0L9.342 19.947a2.5 2.5 0 0 0 0 3.537l6.582 6.582A39.3 39.3 0 0 0 11.787 40H2.5A2.5 2.5 0 0 0 0 42.5v15A2.5 2.5 0 0 0 2.5 60h9.287a39.3 39.3 0 0 0 4.137 9.934l-6.582 6.582a2.5 2.5 0 0 0 0 3.537l10.605 10.605a2.5 2.5 0 0 0 3.537 0l6.58-6.58A39.3 39.3 0 0 0 40 88.2v9.3a2.5 2.5 0 0 0 2.5 2.5h15a2.5 2.5 0 0 0 2.5-2.5v-9.287a39 39 0 0 0 9.926-4.145l6.59 6.59c.976.976 2.56.976 3.537 0l10.605-10.605a2.5 2.5 0 0 0 0-3.537l-6.62-6.621A39.4 39.4 0 0 0 88.144 60H97.5a2.5 2.5 0 0 0 2.5-2.5v-15a2.5 2.5 0 0 0-2.5-2.5h-9.355a39.4 39.4 0 0 0-4.106-9.896l6.62-6.62a2.5 2.5 0 0 0 0-3.537L80.052 9.342a2.5 2.5 0 0 0-1.768-.733a2.5 2.5 0 0 0-1.77.733l-6.59 6.59A39.2 39.2 0 0 0 60 11.805V2.5A2.5 2.5 0 0 0 57.5 0zM50 17.5c17.99 0 32.5 14.51 32.5 32.5S67.99 82.5 50 82.5S17.5 67.99 17.5 50S32.01 17.5 50 17.5" color="currentColor"/><path fill="currentColor" d="M51.697 19.5v13.798h12c-.67-1.93-1.446-3.71-2.314-5.297c-2.692-4.922-6.11-7.888-9.686-8.501m-3.394.135c-3.347.836-6.524 3.733-9.057 8.366c-.868 1.587-1.644 3.367-2.314 5.297h11.37zm-7.82.925c-6.786 2.233-12.516 6.788-16.273 12.738h9.134c.806-2.526 1.787-4.86 2.927-6.946c1.217-2.224 2.634-4.185 4.212-5.792m19.965.316c1.456 1.547 2.77 3.395 3.909 5.476c1.14 2.085 2.12 4.42 2.924 6.946h8.51c-3.586-5.677-8.963-10.09-15.343-12.422M22.34 36.716a30.8 30.8 0 0 0-2.84 11.367h11.398c.131-4.014.65-7.839 1.495-11.367zm13.56 0c-.896 3.47-1.46 7.31-1.604 11.367h14.007V36.716Zm15.797 0v11.367h14.636c-.144-4.056-.708-7.897-1.605-11.367Zm16.534 0c.844 3.529 1.36 7.354 1.492 11.367H80.5a30.8 30.8 0 0 0-2.84-11.367ZM19.5 51.5a30.8 30.8 0 0 0 2.84 11.367h9.893c-.797-3.539-1.267-7.365-1.354-11.367zm14.773 0c.096 4.043.612 7.88 1.458 11.367h12.572V51.5Zm17.424 0v11.367h13.201c.845-3.487 1.362-7.324 1.457-11.367zm18.042 0c-.088 4.002-.554 7.828-1.349 11.367h9.27A30.8 30.8 0 0 0 80.5 51.5Zm-45.53 14.784c3.589 5.682 8.971 10.096 15.357 12.427c-1.212-1.4-2.319-3.012-3.295-4.796c-1.242-2.273-2.3-4.84-3.143-7.63zm12.488 0c.72 2.197 1.579 4.21 2.549 5.982c2.375 4.344 5.317 7.16 8.434 8.185c.207.016.414.037.623.048V66.285Zm15 0V80.5q.727-.04 1.444-.11c3.045-1.077 5.915-3.868 8.242-8.123c.97-1.773 1.828-3.785 2.548-5.982zm15.801 0c-.841 2.792-1.898 5.358-3.141 7.63a28 28 0 0 1-2.978 4.428A30.64 30.64 0 0 0 75.79 66.285z" color="currentColor"/></svg>
Como usar o ícone Globe Gear
React
import { Icon } from "@iconify/react";
<Icon icon="gis:globe-gear" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:globe-gear" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:globe-gear" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--globe-gear]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:globe-gear"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:globe-gear"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/gis/globe-gear.svg" alt="Ícone Globe Gear" width="24" height="24">
Ícones relacionados em Font-GIS
Perguntas frequentes sobre Ícone Globe Gear
O ícone Globe Gear é grátis para uso comercial?
Sim. Font-GIS 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 Globe Gear no React?
Instale @iconify/react e renderize <Icon icon="gis:globe-gear" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Globe Gear a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/gis/globe-gear.svg" alt="Ícone Globe Gear">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Font-GIS →
ICONYZ
