Icons
Design Shadcn Icons: Color, brushes and creative tools
19Design Shadcn Icons for editors
The design category holds 19 icons for color, brushes and creative tools, drawn on the same grid and stroke as the rest of the ReUI set, so they sit next to the general and arrow icons without a size or weight jump. Each one ships in outline, solid, duotone and filled, with a hover animation that is specific to the glyph rather than a generic wiggle.
Names in this category include additem, brush, bucket, bucket square, color swatch, colors square and more. Every icon installs as a React component through the shadcn CLI or the ReUI MCP, keeps its four styles as variants, and takes size and color from your tokens.
Where design icons go
Design icons are built for editors, theme settings and design tool UIs.
- Color and theme pickers in settings
- Toolbars in editors and creative apps
What ships with each icon
- Four styles, one name Outline, solid, duotone and filled variants of the same glyph, so density and emphasis change without a different icon.
- Motion that fits the glyph A bespoke hover animation per icon: a bell rings, an arrow travels, a lock clicks. Reduced-motion is respected.
- Registry install Install one icon or the whole design category with the shadcn CLI or by asking your coding agent through the ReUI MCP. Motion Icons are part of ReUI Ultimate.
Frequently Asked Questions
How many design icons are there?
Are design icons free?
Which frameworks do they support?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.