The HugeIcons globe icon visually represents the Earth and is commonly used to indicate global settings, internationalization, or worldwide reach.
Common uses
- Language/region selection
- Global network status
- International shipping options
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { GlobeIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={GlobeIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- worldearthplanetinternational
FAQ
- What does the globe icon represent?
- It represents the Earth and is used for concepts related to global scope, internationalization, or worldwide presence.
- How do I use the GlobeIcon in React?
- Import both HugeiconsIcon and GlobeIcon, then render <HugeiconsIcon icon={GlobeIcon} />.
- What is the license for this icon?
- The HugeIcons library, including the GlobeIcon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →