The Phosphor crown icon depicts a royal headdress, commonly used to signify leadership, achievement, or premium status in user interfaces.
Common uses
- Indicate administrator or owner roles.
- Mark a featured or top-ranked item.
- Represent a VIP or premium user tier.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Crown } from '@phosphor-icons/react';
<Crown size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Crown size={24} />thin
<Crown size={24} weight="thin" />light
<Crown size={24} weight="light" />bold
<Crown size={24} weight="bold" />fill
<Crown size={24} weight="fill" />duotone
<Crown size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- games
- Keywords
- *updated*kingqueenroyaltymonarchrulerleaderchessgamesobjectscrown
FAQ
- What is the crown icon typically used for?
- It's used to represent royalty, leadership, or a top-tier status. In UI, this can translate to admin roles, featured content, or premium features.
- How do I use the crown icon in React?
- You can import it directly from the library like this: import { Crown } from '@phosphor-icons/react'.
- What is the license for the Phosphor crown icon?
- The Phosphor icon library, including the crown icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →