Ícone Earth Asia Off

pepicons-pencil:earth-asia-off

O ícone Earth Asia Off (pepicons-pencil:earth-asia-off) é um ícone SVG gratuito da coleção Pepicons Pencil de CyCraft. Ele é desenhado em uma grade de 20 × 20. 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: 20 × 20
Tags: earthasia, asiaoff, earthasiaoff

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="currentColor"><g fill-rule="evenodd" clip-rule="evenodd"><path d="M10 1.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17M.5 10a9.5 9.5 0 1 1 19 0a9.5 9.5 0 0 1-19 0"/><path d="m12.486 2.59l-.433-.866l.894-.448l.433.866q.104.207.136.436l.162 1.13c.16 1.12-1.263 1.736-1.97.852l-.07-.086a.04.04 0 0 0-.015-.013a.04.04 0 0 0-.021-.003a.04.04 0 0 0-.02.007a.04.04 0 0 0-.014.016a.04.04 0 0 0 0 .038l.753 1.505a1.181 1.181 0 0 1-2 1.237l-.033-.043a.21.21 0 0 0-.354.032l-.105.21a.354.354 0 0 0 .159.475l.096.048a1.47 1.47 0 0 1 .768 1.671l-.465 1.859c-.26 1.039-1.629 1.276-2.223.385a1.2 1.2 0 0 1-.183-.442L7.512 9.11l-.336-1.344l-.212.425l-.001.002l-.254.762c-.491 1.473-2.621 1.321-2.9-.206l-.211-1.168a.5.5 0 0 0-.269-.357l-1.553-.777l.448-.894l1.552.776a1.5 1.5 0 0 1 .805 1.073l.213 1.168c.092.51.802.56.966.069l.254-.762q.023-.069.055-.134l.55-1.097c.338-.678 1.348-.452 1.38.29l.489 1.954l.474 2.37a.233.233 0 0 0 .455.01l.465-1.858a.47.47 0 0 0-.245-.535L9.54 8.83a1.354 1.354 0 0 1-.605-1.817l.105-.21a1.21 1.21 0 0 1 2.048-.184l.033.043a.18.18 0 0 0 .306-.19l-.753-1.505A1.042 1.042 0 0 1 12.42 3.85l.069.086c.025.032.046.04.06.042a.12.12 0 0 0 .072-.009a.12.12 0 0 0 .056-.046c.008-.012.016-.033.01-.073l-.16-1.13a.4.4 0 0 0-.041-.13m1.759 11.385a1.5 1.5 0 0 1 1.575-.145l.164.082a.5.5 0 0 0 .296.048l1.398-.205a.5.5 0 1 1 .144.99l-1.398.204a1.5 1.5 0 0 1-.887-.142l-.164-.082a.5.5 0 0 0-.525.048l-.876.662a1.5 1.5 0 0 1-.568.265l-.861.198a.211.211 0 0 0 .082.415l1.513-.253a1.5 1.5 0 0 1 .918.138l.709.355l-.447.894l-.71-.354a.5.5 0 0 0-.305-.046l-1.514.252a1.211 1.211 0 0 1-.47-2.376l.86-.198a.5.5 0 0 0 .19-.088zm.05-7.879a.02.02 0 0 0-.007.025l.005.01l.001.001a.03.03 0 0 0 .015.004l.015-.003q.002-.001.007-.011l.025-.062l.011-.026zm.872-.752l.074-.063a1.5 1.5 0 0 0 .504-.917l.241-1.634l-.989-.146l-.241 1.634a.5.5 0 0 1-.168.306l-.946.814c-.32.277-.438.723-.295 1.121c.317.88 1.552.909 1.908.043l.026-.062a.05.05 0 0 1 .021-.024l.778-.438a1.5 1.5 0 0 0 .35-.273l.668-.701l-.724-.69l-.668.702a.5.5 0 0 1-.117.09zM12.253 8.91a.576.576 0 0 0-.486.585c0 .288.182.49.406.564c.15.162.38.239.607.184l.667-.162c.738-.18.803-1.16.18-1.472l.007-.102a.627.627 0 0 0-1.236-.183l-.134.57zm-1.479 3.658a1 1 0 0 0-.127.054c-.68.366-.437 1.417.355 1.417a.75.75 0 0 0 .527-.215l.112.055c.14.07.291.08.426.041c.179.095.4.103.592.002l.529-.279a1.214 1.214 0 0 0-.9-2.243l-.623.179c-.468.133-.81.522-.891.99m1.017.268l-.036-.017v-.035c0-.113.075-.213.184-.244l.624-.178a.215.215 0 0 1 .16.396l-.249.13a.6.6 0 0 0-.683-.052m2.486-1.382a.737.737 0 0 1 1.142-.615l.378.25l.315-.042a.835.835 0 0 1 .492 1.57l-.126.065a1.24 1.24 0 0 1-1.146-.004l-.078-.041a1.4 1.4 0 0 1-.336-.246l-.323-.322a.65.65 0 0 1-.318-.558z"/></g><path d="M1.15 1.878a.514.514 0 0 1 .728-.727l16.971 16.971a.514.514 0 0 1-.727.727z"/></g></svg>

Como usar o ícone Earth Asia Off

React

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

<Icon icon="pepicons-pencil:earth-asia-off" width="24" />

Vue

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

<template>
  <Icon icon="pepicons-pencil:earth-asia-off" width="24" />
</template>

Svelte

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

<Icon icon="pepicons-pencil:earth-asia-off" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-pencil--earth-asia-off]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pepicons-pencil -->
<div class="i-pepicons-pencil:earth-asia-off"></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-asia-off"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/pepicons-pencil/earth-asia-off.svg" alt="Ícone Earth Asia Off" width="24" height="24">

Ícones relacionados em Pepicons Pencil

O ícone Earth Asia Off em outras coleções

Perguntas frequentes sobre Ícone Earth Asia Off

O ícone Earth Asia Off é 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 Asia Off no React?

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

Como adiciono o ícone Earth Asia Off 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-asia-off.svg" alt="Ícone Earth Asia Off">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Pepicons Pencil →