The Tabler map north icon depicts a map with a directional arrow pointing upwards, commonly used to indicate the northern direction or a northward orientation within a user interface.
Common uses
- Displaying current map orientation
- Setting default map view to north
- Indicating travel direction on a map
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMapNorth } from '@tabler/icons-react';
<IconMapNorth size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Map
- Keywords
- northwardupwardcompassborealcardinalarcticpolewarddirectiontripgeographicmapnorthnorth arrowmap directioncompass northorientation
FAQ
- What is the purpose of the map north icon?
- This icon visually represents the north direction on a map or in a navigational context. It helps users orient themselves within a geographic interface.
- How do I use the map north icon in React?
- You can import and use it directly in your React components like this: import { IconMapNorth } from '@tabler/icons-react'.
- What is the license for the map north icon?
- The Tabler icon set, including the map north icon, is released 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 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 →