Skip to content

AiSparklesIcon

const AiSparklesIcon: NamedExoticComponent<Omit<{ children: ReactNode; className?: string; color?: IconColor; decorative?: boolean; ref?: Ref<SVGSVGElement>; size?: IconSize; testId?: string; title?: string; }, "children">>

Defined in: src/components/Icons/AiSparklesIcon.tsx:28

AI sparkles icon component representing artificial intelligence.

Three 4-pointed sparkle stars at different sizes, commonly used for AI features, generative tools, and smart suggestions in editor interfaces.

Example

// Basic usage
<AiSparklesIcon />
// With custom size and color
<AiSparklesIcon size="lg" color="primary" />
// In an AI action button
<Button icon={<AiSparklesIcon />}>Generate</Button>