The Phosphor crown cross icon depicts a royal crown superimposed on a cross, often used to signify a monarchial or religious leader, or as a symbol within games.
Common uses
- Indicate a game's 'king' or 'queen' piece.
- Represent a 'royal' status or achievement.
- Symbolize a leader or ruler in a game context.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CrownCross } from '@phosphor-icons/react';
<CrownCross size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CrownCross size={24} />thin
<CrownCross size={24} weight="thin" />light
<CrownCross size={24} weight="light" />bold
<CrownCross size={24} weight="bold" />fill
<CrownCross size={24} weight="fill" />duotone
<CrownCross size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- games
- Keywords
- *new*kingqueenroyaltymonarchrulerleaderchessgamesobjectscrowncrossking crossroyalty crossmonarch crossreligious crown
FAQ
- What is the crown cross icon used for?
- It's commonly used in games to represent royalty, leaders, or specific game pieces like kings and queens. It can also symbolize a religious or monarchial figure.
- How do I use the crown cross icon in React?
- You can import it directly from the Phosphor library: `import { CrownCross } from '@phosphor-icons/react'`. Then use it as a component: `<CrownCross />`.
- What is the license for this icon?
- The Phosphor icon library, including the crown cross 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 →