Ícone Earth Europe Circle
pepicons-pencil:earth-europe-circle
O ícone Earth Europe Circle (pepicons-pencil:earth-europe-circle) é um ícone SVG gratuito da coleção Pepicons Pencil de CyCraft. Ele é desenhado em uma grade de 26 × 26. Pepicons Pencil 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
- Pepicons Pencil
- Autor
- CyCraft
- Licença
- CC-BY-4.0
- Tamanho
- 26 × 26
- Tags
- eartheurope, europecircle, eartheuropecircle
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M13 4.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17M3.5 13a9.5 9.5 0 1 1 19 0a9.5 9.5 0 0 1-19 0"/><path d="M15.006 4.68L12.91 5.928a.082.082 0 0 0 0 .141c.707.42.707 1.443 0 1.862l-.686.407a1.5 1.5 0 0 1-.503.186l-1.809.322a.5.5 0 0 0-.412.492v.353a.31.31 0 0 0 .447.276l.618-.309a1.5 1.5 0 0 1 .671-.158H13.5a.5.5 0 0 0 .4-.2l.724-.966a1.38 1.38 0 0 1 1.813-.355l.485.29c.874.526.678 1.846-.312 2.094a.145.145 0 0 0-.11.14v.379a1.5 1.5 0 0 1-.83 1.342l-.802.4a1.5 1.5 0 0 1-1.731-.28L13 12.207a.5.5 0 0 0-.424-.141l-2.563.366a.5.5 0 0 0-.345.217l-.507.76a.5.5 0 0 0-.069.399l.388 1.552l.117.349a.412.412 0 0 0 .62.212a1.41 1.41 0 0 1 1.566 0l.773.516a1.5 1.5 0 0 1 .51.577l.776 1.551a1.5 1.5 0 0 1 .158.671v.787a.5.5 0 0 0 .686.464l.356-.142a.5.5 0 0 0 .305-.563L15.11 18.6c-.095-.477.054-.97.398-1.314l.066-.066q.146-.145.335-.221l.987-.395l-.583-.583a1.5 1.5 0 0 1-.362-.586l-.359-1.076a1.13 1.13 0 0 1 0-.716c.306-.916 1.545-1.052 2.042-.224l.347.578a.44.44 0 0 0 .574.167l.022-.01a.467.467 0 0 0 .121-.748l-.351-.351a1.312 1.312 0 1 1 2.02-1.656l.252.38a.5.5 0 0 0 .416.222h.465v1h-.465a1.5 1.5 0 0 1-1.248-.668l-.252-.379a.312.312 0 1 0-.481.394l.351.351a1.467 1.467 0 0 1-.38 2.349l-.022.01a1.44 1.44 0 0 1-1.88-.546l-.346-.578a.13.13 0 0 0-.236.108l.359 1.077a.5.5 0 0 0 .12.195l.701.701c.623.125.75 1.036.105 1.294l-1.545.618l-.066.066a.46.46 0 0 0-.125.411l.237 1.183a1.5 1.5 0 0 1-.914 1.687l-.356.143A1.5 1.5 0 0 1 13 20.023v-.787a.5.5 0 0 0-.053-.224l-.775-1.55a.5.5 0 0 0-.17-.193l-.773-.516a.41.41 0 0 0-.458 0a1.412 1.412 0 0 1-2.123-.728l-.128-.385l-.398-1.59a1.5 1.5 0 0 1 .207-1.195l.507-.76a1.5 1.5 0 0 1 1.036-.653l2.562-.366a1.5 1.5 0 0 1 1.273.424l.137.137a.5.5 0 0 0 .577.093l.803-.4a.5.5 0 0 0 .276-.448v-.378c0-.526.358-.984.867-1.111a.145.145 0 0 0 .04-.266l-.484-.29a.38.38 0 0 0-.499.097L14.7 9.9a1.5 1.5 0 0 1-1.2.6h-2.264a.5.5 0 0 0-.224.053l-.618.309A1.31 1.31 0 0 1 8.5 9.69v-.353A1.5 1.5 0 0 1 9.737 7.86l1.81-.322a.5.5 0 0 0 .167-.062l.686-.407a.082.082 0 0 0 0-.14a1.082 1.082 0 0 1-.002-1.86l2.096-1.25z"/><path d="M13 24.5c6.351 0 11.5-5.149 11.5-11.5S19.351 1.5 13 1.5S1.5 6.649 1.5 13S6.649 24.5 13 24.5m0 1c6.904 0 12.5-5.596 12.5-12.5S19.904.5 13 .5S.5 6.096.5 13S6.096 25.5 13 25.5"/></g></svg>
Como usar o ícone Earth Europe Circle
React
import { Icon } from "@iconify/react";
<Icon icon="pepicons-pencil:earth-europe-circle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pepicons-pencil:earth-europe-circle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pepicons-pencil:earth-europe-circle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-pencil--earth-europe-circle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pepicons-pencil -->
<div class="i-pepicons-pencil:earth-europe-circle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pepicons-pencil:earth-europe-circle"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/pepicons-pencil/earth-europe-circle.svg" alt="Ícone Earth Europe Circle" width="24" height="24">
Ícones relacionados em Pepicons Pencil
O ícone Earth Europe Circle em outras coleções
Perguntas frequentes sobre Ícone Earth Europe Circle
O ícone Earth Europe Circle é grátis para uso comercial?
Sim. Pepicons Pencil 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 Earth Europe Circle no React?
Instale @iconify/react e renderize <Icon icon="pepicons-pencil:earth-europe-circle" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Earth Europe Circle a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/pepicons-pencil/earth-europe-circle.svg" alt="Ícone Earth Europe Circle">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Pepicons Pencil →
ICONYZ
