The HugeIcons compass 01 icon depicts a compass, commonly used in UI to represent navigation, direction, or location-based features.
Common uses
- Navigation menu item
- Map or location display
- User orientation settings
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { Compass01Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={Compass01Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- navigationdirectionmaplocation
FAQ
- What does the compass icon represent?
- The compass icon represents direction and navigation. It's often used for features related to maps, location services, or guiding users.
- How do I use the Compass01Icon in React?
- Import it using `import { Compass01Icon } from '@hugeicons/core-free-icons';` and render it with `<HugeiconsIcon icon={Compass01Icon} />`.
- What is the license for this icon?
- This icon is available under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.