The Tabler crown icon depicts a royal crown, commonly used in UI to signify premium features, administrative roles, or leadership status.
Common uses
- Indicate a 'Pro' or 'Premium' plan feature.
- Label an administrator or moderator role.
- Represent a 'king' or 'queen' in a game or simulation.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCrown } from '@tabler/icons-react';
<IconCrown size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconCrown size={24} stroke={2} />filled
<IconCrownFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- queenkingprinceprincessdynastyroyaltycrowndesignpremium
FAQ
- What does the crown icon represent?
- It represents royalty, leadership, or a premium status, often used for administrative roles or high-tier features.
- How do I use the crown icon in React?
- Import it from '@tabler/icons-react' and use it as a component: import { IconCrown } from '@tabler/icons-react'.
- What is the license for the Tabler crown icon?
- The Tabler icons, including the crown icon, are available 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 →