The Tabler north star icon depicts a prominent star, often used to represent a fixed point of navigation, a primary direction, or a favorite/highly-rated item.
Common uses
- Indicate the primary direction or 'home' location.
- Mark a user's favorite or saved item.
- Represent a guiding principle or core feature.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconNorthStar } from '@tabler/icons-react';
<IconNorthStar size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Map
- Keywords
- compaslocationpointchristmasdirectionnorthstarnavigationfavoriteratingmapcompassnavigation starfavorite stardirection marker
FAQ
- What is the north star icon used for?
- It's commonly used for navigation, indicating a fixed point, or highlighting a favorite or important item in a UI.
- How do I use the north star icon in React?
- Import it using `import { IconNorthStar } from '@tabler/icons-react';` and then use it as a React component.
- What is the license for the north star icon?
- The Tabler north star icon is 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 →