What does the crown icon represent?

The crown icon represents royalty, leadership, or a premium status. It's often used for administrative roles or to highlight exclusive features.

How do I use the CrownIcon in React?

Import both HugeiconsIcon and CrownIcon, then render it using .

What is the license for this icon?

The HugeIcons library, including the CrownIcon, is distributed under the MIT license.

crown icon

HugeIcons · CrownIcon · MIT

Download SVG

The HugeIcons crown icon depicts a royal crown, commonly used to signify premium features, leadership, or administrative roles within an application.

Common uses

Premium subscription badge
Admin user indicator
Top user or leaderboards

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { CrownIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={CrownIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: kingqueenroyaltypremium

FAQ

What does the crown icon represent?: The crown icon represents royalty, leadership, or a premium status. It's often used for administrative roles or to highlight exclusive features.
How do I use the CrownIcon in React?: Import both HugeiconsIcon and CrownIcon, then render it using <HugeiconsIcon icon={CrownIcon} />.
What is the license for this icon?: The HugeIcons library, including the CrownIcon, is distributed under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

lucide phosphor tabler hugeicons hugeicons hugeicons hugeicons

Looking for something else? Search HugeIcons 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 →