The Tabler globe icon depicts a spherical representation of the Earth, commonly used in UIs to indicate global settings, internationalization, or location-based features.
Common uses
- Global settings menu
- Language/region selector
- Link to a world map or location page
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconGlobe } from '@tabler/icons-react';
<IconGlobe size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconGlobe size={24} stroke={2} />filled
<IconGlobeFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Map
- Keywords
- worldtraveljourneytripplanetearthglobelocationnavigationgeographymapworld iconearth iconplanet iconlocation icon
FAQ
- What does the globe icon represent?
- It represents the Earth or the world, often used for global or location-related functions in an interface.
- How do I use the globe icon in React?
- Import it from '@tabler/icons-react' like this: import { IconGlobe } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icons, including the globe icon, are distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →