The Tabler sparkle icon depicts a stylized star or burst, commonly used to indicate highlights, special features, or a magical effect in user interfaces.
Common uses
- Highlighting a new feature
- Indicating a 'favorite' or 'starred' item
- Applying a visual accent or 'magic' effect
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSparkle } from '@tabler/icons-react';
<IconSparkle size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- sparklestarshineglitterlighteffectmagichighlightglowaccentdesign
FAQ
- What is the sparkle icon used for?
- It's used to visually represent highlights, special items, or effects like 'magic' or 'new'.
- How do I use the sparkle icon in React?
- Import it using `import { IconSparkle } from '@tabler/icons-react'` and then use it as a React component: `<IconSparkle />`.
- What is the license for the Tabler sparkle icon?
- The Tabler icon library, including the sparkle icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →