Pixelarticons

Sparkle Pixel Art Icon

A sparkle icon for AI-powered features, magic actions, new or highlighted items and premium content indicators.

weather Free 2 variants

Tags

starshinemagicai

Style variants

base

Outline · rounded corners

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Sparkle icon

A single four-pointed star or glint shape, broadly understood as magic, newness, or AI-powered functionality. It is increasingly the standard icon for AI features: an 'AI suggest' button, a 'magic fill' action, or a 'new feature' badge. It also marks premium or highlighted content in a list. Sparkles (the plural version) adds more star shapes for greater visual impact. Use a single sparkle for a subtle AI indicator; reach for sparkles when the magic effect needs to be unmistakable.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/sparkle.svg" width="24" height="24" alt="Sparkle" />

<!-- React -->
import { Sparkle } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="sparkle.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons