What is the SparklesIcon used for?

It's typically used in UI to draw attention to something new, special, or magical, like a new feature or a premium option.

How do I use the SparklesIcon in React?

Import both HugeiconsIcon and SparklesIcon, then render .

What is the license for this icon?

The HugeIcons Sparkles icon is available under the MIT license.

sparkles icon

HugeIcons · SparklesIcon · MIT

Download SVG

The HugeIcons sparkles icon depicts a cluster of small stars, commonly used to indicate magic, newness, or special features.

Common uses

Highlighting a new feature
Indicating a 'magic' or automated process
Marking a premium or special item

Use it in React

Install

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

Import & render

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

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

Details

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

FAQ

What is the SparklesIcon used for?: It's typically used in UI to draw attention to something new, special, or magical, like a new feature or a premium option.
How do I use the SparklesIcon in React?: Import both HugeiconsIcon and SparklesIcon, then render <HugeiconsIcon icon={SparklesIcon} />.
What is the license for this icon?: The HugeIcons Sparkles icon is available under the MIT license.

Related icons

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

lucide tabler heroicons

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 →