The Lucide sparkles icon depicts small, glittering stars and is commonly used to indicate special features, magic effects, or a general sense of enchantment in a user interface.
Common uses
- Highlighting a premium or 'pro' feature.
- Indicating a special offer or discount.
- Applying a visual effect or filter.
Use it in React
Install
npm i lucide-reactImport & render
import { Sparkles } from 'lucide-react';
<Sparkles size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- starseffectfilternightmagicsparklesstarglitter
FAQ
- What does the sparkles icon represent?
- It represents small, glittering stars, often used to signify something special, magical, or enhanced.
- How do I use the Sparkles icon in React?
- You can import and use it in your React components like this: import { Sparkles } from 'lucide-react';. Then, render it as <Sparkles />.
- What is the license for the Lucide sparkles icon?
- The Lucide icon library, including the sparkles icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →