The Heroicons globe europe africa icon depicts a stylized map of Europe and Africa, commonly used to represent global settings, location selection, or internationalization features in a user interface.
Common uses
- Language/region selector dropdown
- Global network status indicator
- International shipping options
Use it in React
Install
npm i @heroicons/reactImport & render
import { GlobeEuropeAfricaIcon } from '@heroicons/react/24/outline';
<GlobeEuropeAfricaIcon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<GlobeEuropeAfricaIcon className="size-6" />24/solid
<GlobeEuropeAfricaIcon className="size-6" />20/solid
<GlobeEuropeAfricaIcon className="size-6" />16/solid
<GlobeEuropeAfricaIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- globeeuropeafricaworldmapearthinternational
FAQ
- What is the globe europe africa icon used for?
- It's typically used for UI elements related to global concepts, such as language selection, internationalization, or representing worldwide data.
- How do I use this icon in React?
- You can import and use it in your React application with the following statement: `import { GlobeEuropeAfricaIcon } from '@heroicons/react/24/outline'`.
- What is the license for this icon?
- The Heroicons library, including the globe europe africa icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Heroicons.
Looking for something else? Search Heroicons 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 →