ICONYZ
Español
Icono World de WebHostingHub Glyphs

Icono World

whh:world

El icono World (whh:world) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1024 × 1024. WebHostingHub Glyphs icons se publican bajo la Open Font License, 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
WebHostingHub Glyphs
Autor
WebHostingHub
Licencia
OFL-1.1
Tamaño
1024 × 1024
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 1024q-104 0-199-40.5t-163.5-109T40.5 711T0 512t40.5-199t109-163.5T313 40.5T512 0t199 40.5t163.5 109t109 163.5t40.5 199t-40.5 199t-109 163.5t-163.5 109t-199 40.5M293 293l-48-42q-11 0-26 2.5t-27 2.5q-1-1-18-37Q64 346 64 512q0 3 .5 8t.5 7q6 6 29.5 22.5T128 576h64q3-2 5.5-3t5.5-2q-10-11-29.5-32.5T144 507q4-23 11-69.5t10-69.5q86-36 128-53zm201-163q-14-6-26-11q-3-8-4-12q-6 19-19 57q4 1 11.5 2t11.5 2h26zm-4 471q-5 5-7 8q-12 21-34 64t-33 64q14 21 42.5 64t42.5 64q130 8 197 12q2 25 16 34q91-46 154-127.5T951 601q-19-4-41.5-11t-32.5-9.5t-39.5-5T776 579q-12 1-15.5-15.5t-3.5-34t-4-18.5q-22-4-89 7.5t-89 7.5q-13 12-85 75m59-501q-3 20-10.5 60T527 221q5-1 16.5-2.5T560 217q-3-2-7-4q15-5 22-8q-17-70-26-105m116-9q-2 11-2 31t-10 53q1 2 4 4q20-2 67-7q0-21 21-42q-38-23-80-39m125 70q-2 4-7 11q19 3 25 5q-12-11-18-16m27 24q-3 6-9.5 18t-9.5 18q-29 1-78 3l-4-34q-2 1-7 2.5t-8 1.5v49q-21 2-64.5 6t-64.5 6q-7 10-15 22q27 58 41 87q-20 5-82 22v34q0 2 1.5 6t2.5 6q17 8 53 24t54 25l22-27q-1-10-5-31.5t-6-32.5q3-2 9.5-5.5t9.5-5.5q27-8 41-11q13 21 36.5 60t29.5 49q9-8 25-24.5t24-24.5q-54-38-71-49q1-8 4-23h37q56 48 115 98q1 0 2-1.5t2-1.5q-4-8-26-49q0-1 3-4l4-4h41q1-1 17-9q-34-116-124-200"/></svg>

Cómo usar el icono World

React

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

<Icon icon="whh:world" width="24" />

Vue

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

<template>
  <Icon icon="whh:world" width="24" />
</template>

Svelte

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

<Icon icon="whh:world" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--world]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="whh:world"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/whh/world.svg" alt="Icono World" width="24" height="24">

El icono World en otras colecciones

Preguntas frecuentes sobre Icono World

¿El icono World es gratis para uso comercial?

Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono World en React?

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

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

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

Ver todos los Iconos WebHostingHub Glyphs →