Ícone Globe Outline 24px
healthicons:globe-outline-24px
O ícone Globe Outline 24px (healthicons:globe-outline-24px) é um ícone SVG gratuito da coleção Health Icons de Resolve to Save Lives. Ele é desenhado em uma grade de 24 × 24. Health 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
- Health Icons
- Autor
- Resolve to Save Lives
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Símbolos
- Tags
- globeoutline, outline24px, globeoutline24px
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.003 18.005A9.99 9.99 0 0 0 12 22a9.98 9.98 0 0 0 7.573-3.469q.19-.154.338-.351l.038-.05a9 9 0 0 0 1.04-1.706c.391-.806.531-1.293.63-1.68c.248-.872.38-1.793.38-2.744a9.98 9.98 0 0 0-3.837-7.876c-.528-.426-1.092-.797-1.64-1.048l-.037-.016A9.96 9.96 0 0 0 12 2c-5.048 0-9.223 3.74-9.903 8.602a2 2 0 0 0-.054.333l-.001.014c-.04.5-.119 1.468.108 2.878c.102.634.312 1.284.56 1.882q.285.71.67 1.364c.17.296.33.546.463.732q.077.107.16.2m15.733-6.026q.135 0 .264.017a8 8 0 0 0-.635-3.124a2 2 0 0 1-.72.281l-3.708.69a2.05 2.05 0 0 1-2.315-1.356l-.643-1.89a2.05 2.05 0 0 1 .926-2.442l.15-.086A8 8 0 0 0 4.58 9.003h3.281a2.1 2.1 0 0 1 2.035 1.581l.498 1.952a2.1 2.1 0 0 1-2.035 2.62h-.101l-.733 2.113c-.125.36-.344.665-.62.9A7.97 7.97 0 0 0 12 20a7.97 7.97 0 0 0 4.86-1.645a2 2 0 0 1-.222-.28l-1.01-1.539c-.372-.122-.931-.297-1.178-.612c-.372-.475-.478-.58-.15-1.736l.15-.653c.1-.439.122-.833.487-1.306c.356-.287 1.007-.25 1.464-.25zM5.58 16.774l1.254-3.619h1.654l-.55-2.152H4.062q-.06.491-.061.997c0 1.056.205 2.065.577 2.988c.16.382.342.742.513 1.045q.225.385.49.74m12.709.171a8 8 0 0 0 1.402-2.736l.02-.08l.035-.137a.01.01 0 0 0-.01-.013H16.4v.001l-.15.654v.001l.002.001h.516a.01.01 0 0 1 .008.005zM15.67 4.89l-.027.006l-1.75.997a.05.05 0 0 0-.022.06l.643 1.89a.05.05 0 0 0 .056.033l3.71-.69a.05.05 0 0 0 .03-.078a8.6 8.6 0 0 0-1.388-1.414a8 8 0 0 0-1.252-.804" clip-rule="evenodd"/></svg>Como usar o ícone Globe Outline 24px
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:globe-outline-24px" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:globe-outline-24px" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:globe-outline-24px" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--globe-outline-24px]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:globe-outline-24px"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:globe-outline-24px"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/healthicons/globe-outline-24px.svg" alt="Ícone Globe Outline 24px" width="24" height="24">Ícones relacionados em Health Icons
Perguntas frequentes sobre Ícone Globe Outline 24px
O ícone Globe Outline 24px é grátis para uso comercial?
Sim. Health Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Globe Outline 24px no React?
Instale @iconify/react e renderize <Icon icon="healthicons:globe-outline-24px" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Globe Outline 24px a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/healthicons/globe-outline-24px.svg" alt="Ícone Globe Outline 24px">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.