sparkles

Sparkles icon · Lucide · <Sparkles />

sparkles

Lucide tags sparkles with stars, effect and magic. It was previously named stars, which still works as an alias. The matching icons are Sparkle in Microsoft's Fluent icons and stars in Google's Material Symbols.

24 px, stroke 2

sparkles.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width

Size

npm install lucide-react

import { Sparkles } from "lucide-react";

export function Example() {
  return <Sparkles />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`sparkles`
Component	`Sparkles` (also `SparklesIcon`, `LucideSparkles`)
Old names	`stars` (still work as aliases)
Categories	Cursors, Multimedia, Gaming, Weather
Icon font	`icon-sparkles`, `U+E412`
CSS content	`"\e412"`
File	`lucide-static/icons/sparkles.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)