Icons
Design Shadcn Icons: Color, brushes and creative tools
14All Design icons
Design Shadcn Icons for editors
The design category holds 14 icons for creative tools: a bezier pen, brushes, pencils, an eraser, paint buckets, color swatches, a frame, layers and a text tool. All of them come in outline, solid, duotone and filled, on the same 24px grid as the rest of the set. The layers icon also has an animated variant that plays on hover.
Names in this category include bezier curve, brush, pencil, eraser, color swatch, frame and text edit. Every icon has its own page with the install command, the React import, its keywords and related icons, and installs as a React component that takes its size and color from your classes.
Where design icons go
Design icons are built for editors, canvas toolbars and theme settings.
- Tool palettes in canvas, whiteboard and image editors
- Color and theme pickers in appearance settings
- Layer panels and artboard lists in design tools
What ships with each icon
- 4 styles, 1 name Outline, solid, duotone and filled versions of the same glyph, so emphasis changes without switching to a different icon.
- Animated variants The icons that have one also ship a motion/react version that plays on hover and exposes startAnimation and stopAnimation for your own triggers.
- A page per icon Every icon has its own page with a preview in all 4 styles, the install command, the React import, its keywords and related icons.
- Registry install Install an icon by name with the shadcn CLI, every icon in a style with @reui/icons/default/outline/all, or ask your coding agent through the ReUI MCP. Icons are part of ReUI Ultimate.
Frequently Asked Questions
Which icon fits a color picker?
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.