A palette with sparkles, for AI colour palettes, generated themes and smart styling. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
AINewv1.1.0Added Updated
16
20
24 px
32
24px
2px
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M15.0104 18.0104C15.0104 18.6956 15.2449 19.3601 15.675 19.8935C15.8184 20.0713 15.8965 20.2928 15.8965 20.5212C15.8965 20.9494 15.6238 21.3301 15.2184 21.4679C14.1819 21.8203 13.0947 22 12 22C6.4772 22 2 17.5228 2 12C2 11.6625 2.0167 11.3289 2.0494 11M21.9506 11C21.4489 5.9467 17.1853 2 12 2C11.6625 2 11.3289 2.0167 11 2.0494"/>
<path d="M11.6189 17.1683C11.6189 17.9967 10.9473 18.6683 10.1189 18.6683C9.2905 18.6683 8.6189 17.9967 8.6189 17.1683C8.6189 16.3399 9.2905 15.6683 10.1189 15.6683C10.9473 15.6683 11.6189 16.3399 11.6189 17.1683ZM8.1304 13.1904C8.1304 14.0188 7.4588 14.6904 6.6304 14.6904C5.8019 14.6904 5.1304 14.0188 5.1304 13.1904C5.1304 12.362 5.8019 11.6904 6.6304 11.6904C7.4588 11.6904 8.1304 12.362 8.1304 13.1904ZM14.6904 6.6304C14.6904 7.4588 14.0188 8.1304 13.1904 8.1304C12.362 8.1304 11.6904 7.4588 11.6904 6.6304C11.6904 5.8019 12.362 5.1304 13.1904 5.1304C14.0188 5.1304 14.6904 5.8019 14.6904 6.6304ZM5.5492 1.3739L6.1373 2.8648C6.3173 3.3213 6.6787 3.6827 7.1352 3.8627L8.6261 4.4508C8.8518 4.5397 9 4.7576 9 5C9 5.2424 8.8518 5.4603 8.6261 5.5492L7.1352 6.1373C6.6787 6.3173 6.3173 6.6787 6.1373 7.1352L5.5492 8.6261C5.4603 8.8518 5.2424 9 5 9C4.7576 9 4.5397 8.8518 4.4508 8.6261L3.8627 7.1352C3.6827 6.6787 3.3213 6.3173 2.8648 6.1373L1.3739 5.5492C1.1482 5.4603 1 5.2424 1 5C1 4.7576 1.1482 4.5397 1.3739 4.4508L2.8648 3.8627C3.3213 3.6827 3.6827 3.3213 3.8627 2.8648L4.4508 1.3739C4.5397 1.1482 4.7576 1 5 1C5.2424 1 5.4603 1.1482 5.5492 1.3739ZM18.8433 12.2337L19.2108 13.1655C19.3233 13.4508 19.5492 13.6767 19.8345 13.7892L20.7663 14.1567C20.9074 14.2123 21 14.3485 21 14.5C21 14.6515 20.9074 14.7877 20.7663 14.8433L19.8345 15.2108C19.5492 15.3233 19.3233 15.5492 19.2108 15.8345L18.8433 16.7663C18.7877 16.9074 18.6515 17 18.5 17C18.3485 17 18.2123 16.9074 18.1567 16.7663L17.7892 15.8345C17.6767 15.5492 17.4508 15.3233 17.1655 15.2108L16.2337 14.8433C16.0926 14.7877 16 14.6515 16 14.5C16 14.3485 16.0926 14.2123 16.2337 14.1567L17.1655 13.7892C17.4508 13.6767 17.6767 13.4508 17.7892 13.1655L18.1567 12.2337C18.2123 12.0926 18.3485 12 18.5 12C18.6515 12 18.7877 12.0926 18.8433 12.2337Z" fill="currentColor" stroke="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- ai colour
- generated palette
- ai theme
- smart styling
- ai design
Related icons
The rest of the palette family first, then the AI shelf.
FAQ
Answered from palette-sparkles's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the palette-sparkles icon for?
- A palette with sparkles, for AI colour palettes, generated themes and smart styling. It is filed under AI in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as ai colour, generated palette, ai theme, smart styling and ai design, and the browser's search matches all of those.
- What styles does the palette-sparkles icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- Is there a square or circle version of palette-sparkles?
- No. palette-sparkles is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with palette-sparkles?
- palette, activity-sparkles, app-window-sparkles, audio-lines-sparkles, battery-sparkles and bell-sparkles, and 12 more, all shown below. The palette family is listed first, then the rest of the AI shelf, so the row under this one is the useful one even where a shelf runs long.
- How do I import palette-sparkles in React?
- <PaletteSparkles /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", two-tone from "@keyline-icons/react/two-tone", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <PaletteSparkles size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the palette-sparkles SVG?
- icons/stroke/palette-sparkles.svg, icons/two-tone/palette-sparkles.svg, icons/duotone/palette-sparkles.svg and icons/fill/palette-sparkles.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was palette-sparkles added to the set?
- Added 22 Sept 2026, and last redrawn 23 Sept 2026. It ships in v1.1.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.