The Lucide compass icon depicts a navigational instrument used to indicate direction, commonly employed in UIs to represent navigation, location, or orientation features.
Common uses
- Navigation menu item
- Location tracking indicator
- User orientation setting
Use it in React
Install
npm i lucide-reactImport & render
import { Compass } from 'lucide-react';
<Compass size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- directionnortheastsouthwestsafaribrowsercompass
FAQ
- What is the compass icon used for?
- It's typically used to signify navigation, direction, or location-based features within an application's user interface.
- How do I use the compass icon in React?
- You can import and use it directly from the 'lucide-react' library with the following import statement: import { Compass } from 'lucide-react'.
- What is the license for the Lucide compass icon?
- The Lucide icon library, including the compass icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →