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

Kostenlose Globus-Icons (SVG)

48 kostenlose Globus-Icons aus Open-Source-Sets – klicke auf eins, um Größe, Farbe und Strichstärke anzupassen, und kopiere es als SVG, JSX, Data-URI oder CSS.

Aktualisiert am

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

Globus-Icons verwenden

Ein Globus steht für Sprach- und Regionsumschalter, Websites und alles Weltweite.

Alle Icons hier folgen currentColor, nehmen also die Textfarbe des Elements an, in dem sie stehen – ein SVG funktioniert auf hellen und dunklen Hintergründen, in Links und in Buttons. Setze eine explizite width und height (oder bestimme die Größe per CSS mit 1em), damit sich das Layout beim Laden der Seite nicht verschiebt.

Barrierefreie Icons

Wenn das Icon dekorativ ist oder neben sichtbarem Text steht, füge aria-hidden="true" hinzu. Wenn es der einzige Inhalt eines Buttons oder Links ist, gib diesem Element ein aria-label wie „Globus“.

Lizenzen

Diese Globus-Icons stammen von Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon – Open-Source-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die persönliche und kommerzielle Nutzung erlauben. Brauchst du etwas anderes? Durchsuche alle 70.000+ Icons im SVG Icon Finder.

Häufige Fragen

Sind diese Globus-Icons kostenlos für kommerzielle Nutzung?
Ja. Sie stammen aus Open-Source-Icon-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die kommerzielle Nutzung erlauben. Behalte den Lizenzhinweis bei, wenn du die Icon-Dateien selbst weitergibst.
Wie ändere ich die Farbe eines Globus-Icons?
Die SVGs verwenden currentColor. Setze also die CSS-Farbe des übergeordneten Elements – oder öffne das Icon im Finder und wähle vor dem Kopieren eine feste Farbe.
Kann ich diese Icons in Webflow oder React verwenden?
Ja. Öffne ein Icon und nutze „Copy to Webflow“ (fügt ein Code Embed ein) oder „Copy JSX“ für eine React-Komponente.