The Tabler sparkles icon depicts a cluster of stars, commonly used to indicate special features, magic effects, or a general sense of enchantment in user interfaces.
Common uses
- Highlighting premium features
- Indicating a new or updated item
- Representing a 'magic' or 'special' action
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSparkles } from '@tabler/icons-react';
<IconSparkles size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSparkles size={24} stroke={2} />filled
<IconSparklesFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- starlightfireshinesparklessystemmagicglitter
FAQ
- What does the sparkles icon represent?
- It represents stars or a glittering effect, often used to draw attention to something special or magical within an interface.
- How do I use the sparkles icon in React?
- You can import and use it like this: import { IconSparkles } from '@tabler/icons-react'. Then render it as a component: <IconSparkles />.
- What is the license for the Tabler sparkles icon?
- The Tabler icon library, including the sparkles icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.