The Heroicons globe americas icon depicts a stylized globe showing the Americas, commonly used to represent global settings, internationalization, or location-based features.
Common uses
- Global settings menu item
- Language/region selector
- Map or location link
Use it in React
Install
npm i @heroicons/reactImport & render
import { GlobeAmericasIcon } from '@heroicons/react/24/outline';
<GlobeAmericasIcon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<GlobeAmericasIcon className="size-6" />24/solid
<GlobeAmericasIcon className="size-6" />20/solid
<GlobeAmericasIcon className="size-6" />16/solid
<GlobeAmericasIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- globeamericasworldearth americasplanet americasinternational
FAQ
- What does the globe americas icon represent?
- It represents a global view focused on the Americas continent, often used for internationalization or location-specific features.
- How do I use this icon in React?
- You can import and use it in React with: import { GlobeAmericasIcon } from '@heroicons/react/24/outline'.
- What is the license for this icon?
- The Heroicons library, including the globe americas 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 →