devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Iconos de globo gratis (SVG)

48 iconos de globo de conjuntos de código abierto: haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, data URI o CSS.

Actualizado el

globe
Lucideglobe
Tablerglobe-alt
Heroiconsglobe
Phosphorglobe
Bootstrap Iconsglobe
Iconoirglobe-12-filled
Fluent UIglobe
Material Symbolsglobe
Material Design Iconsglobe
Carbonglobe-2
Lucideglobe-filled
Tablerglobe-alt-16-solid
Heroiconsglobe-bold
Phosphorglobe-12-regular
Fluent UIglobe-uk
Material Symbolsglobe-light
Material Design Iconsglobe-x
Lucideglobe-off
Tablerglobe-alt-20-solid
Heroiconsglobe-duotone
Phosphorglobe-16-filled
Fluent UIglobe-uk-sharp
Material Symbolsglobe-box
Material Design Iconsglobe-off
Lucideglobe-alt-solid
Heroiconsglobe-fill
Phosphorglobe-16-regular
Fluent UIglobe-asia
Material Symbolsglobe-off
Material Design Iconsglobe-code
Lucideglobe-light
Phosphorglobe-20-filled
Fluent UIglobe-asia-sharp
Material Symbolsglobe-plus
Material Design Iconsglobe-lock
Lucideglobe-thin
Phosphorglobe-20-regular
Fluent UIglobe-book
Material Symbolsglobe-minus
Material Design Iconsglobe-x
Phosphorglobe-24-filled
Fluent UIglobe-book-rounded
Material Symbolsglobe-light-outline
Material Design Iconsglobe-x-bold
Phosphorglobe-24-regular
Fluent UIglobe-clock
Material Symbolsglobe-x-duotone
Phosphor

Uso de iconos de globo

Un globo representa los selectores de idioma y región, los sitios web y cualquier cosa de alcance mundial.

Todos los iconos de aquí siguen currentColor, así que toman el color de texto del elemento en el que están: un mismo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Establece width y height de forma explícita (o ajústalos en CSS con 1em) para que el diseño no se desplace mientras carga la página.

Iconos accesibles

Si el icono es decorativo o va junto a texto visible, añade aria-hidden="true". Si es el único contenido de un botón o enlace, dale a ese elemento un aria-label como “Globo”.

Licencias

Estos iconos de globo provienen de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons y Carbon: conjuntos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas algo más? Busca entre más de 70.000 iconos en el SVG Icon Finder.

Preguntas frecuentes

¿Son gratis estos iconos de globo para uso comercial?
Sí. Provienen de conjuntos de iconos de código abierto con licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Conserva el aviso de licencia si redistribuyes los propios archivos de los iconos.
¿Cómo cambio el color de un icono de globo?
Los SVG usan currentColor, así que define el color CSS del elemento padre, o abre el icono en el buscador y elige un color fijo antes de copiarlo.
¿Puedo usar estos iconos en Webflow o React?
Sí. Abre un icono y usa Copy to Webflow (pega un Code Embed) o Copy JSX para un componente de React.