ICONYZ
Español
Icono Earth de Keyline Icons

Icono Earth

keyline-icons:earth

El icono Earth (keyline-icons:earth) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Keyline Icons
Autor
Keyline Icons
Licencia
MIT
Tamaño
24 × 24
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 12C22 17.5228 17.5228 22 12 22C6.4772 22 2 17.5228 2 12C2 6.4772 6.4772 2 12 2C17.5228 2 22 6.4772 22 12ZM15.4202 2.6031L15.4958 6.2951C15.4986 6.4313 15.5153 6.5669 15.5457 6.6998L16.178 9.4663C16.2579 9.8157 16.2424 10.1801 16.1331 10.5215L15.5302 12.4057C15.5101 12.4684 15.4839 12.529 15.4519 12.5866L15.0508 13.3086C14.6367 14.0539 13.5397 13.9724 13.2403 13.1741L12.957 12.4188C12.8571 12.1523 12.6484 11.941 12.3832 11.8379L11.8626 11.6355C11.3758 11.4462 10.8253 11.6634 10.5989 12.1342L9.363 14.705C9.0066 15.4463 7.9575 15.4644 7.5759 14.7358L6.4431 12.5732C6.3499 12.3952 6.2052 12.2494 6.0279 12.1549L5.2247 11.7265C4.9563 11.5834 4.6373 11.5702 4.358 11.6907L2.0244 12.6976M21.9452 13.0453L18.5505 15.7235C18.3197 15.9056 18.1318 16.1363 18.0004 16.3993L16.8444 18.7113C16.8148 18.7704 16.7823 18.828 16.7471 18.8839L15.0902 21.5106"/></svg>

Cómo usar el icono Earth

React

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

<Icon icon="keyline-icons:earth" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:earth" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:earth" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--earth]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:earth"></div>

Web component

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

<iconify-icon icon="keyline-icons:earth"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/earth.svg" alt="Icono Earth" width="24" height="24">

Iconos relacionados en Keyline Icons

El icono Earth en otras colecciones

Preguntas frecuentes sobre Icono Earth

¿El icono Earth es gratis para uso comercial?

Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Earth en React?

Instala @iconify/react y renderiza <Icon icon="keyline-icons:earth" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Earth a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/earth.svg" alt="Icono Earth">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Keyline Icons →