The Tabler navigation north icon depicts a compass pointing upwards, commonly used to indicate the direction north or a northward orientation in map and navigation interfaces.
Common uses
- Displaying the 'north up' mode on a map.
- Indicating a northward direction for travel or location.
- As a button to reorient a map to the north.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconNavigationNorth } from '@tabler/icons-react';
<IconNavigationNorth size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Map
- Keywords
- upwardarcticnorthernpolartopsideascendclimbuphillnorthwardcardinalmapnavigationnorthcompass northmap directionnorth arrow
FAQ
- What does the navigation north icon represent?
- It represents the direction north, often used in map applications or navigation systems to show orientation or direction.
- How do I use this icon in React?
- You can import and use it in your React application with: import { IconNavigationNorth } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icons, including navigation north, are distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →