Icons
Shape Shadcn Icons: Circles, cubes, hexagons and stars
38All Shapes icons
- Arcs Radiate
- Circle Diamond
- Circle Pinwheel
- Circle Ring
- Circle Swirl
- Circle Weave
- Circles Eclipse
- Circles Overlap
- Cube
- Cube Orbit
- Cube Square
- Cube Wireframe
- Cubes Cluster
- Diamond Nested
- Diamond Pinwheel
- Diamonds
- Dots Triangle Square
- Hexagon Dot
- Hexagon Link
- Hexagon Nested
- Octagon Pinwheel
- Ribbon Stack
- Ribbon Zigzag
- Rings Linked
- Size
- Square Folded
- Square In Circle
- Square Nested
- Squares Ring
- Squares Stairs
- Squiggle
- Star
- Star Pentagram
- Triangle Nested
- Triangle Split
- Triangle Swirl
- Waves Stack
- Waves Vertical
Shape Shadcn Icons for feature tiles and marks
The shapes category holds 38 icons drawn as real geometric marks: nested and overlapping circles, cubes in wireframe and isometric views, hexagons, diamonds, triangles, stars, ribbons and waves. Each one is named for what it draws, such as circles overlap or triangle split, so the name you search for is the shape you get. All of them come in outline, solid, duotone and filled, on the same 24px grid as the rest of the set. Most of them also have an animated variant that plays on hover.
Names in this category include circles overlap, cube wireframe, hexagon dot, star pentagram, triangle split, waves stack and squares ring. 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 shape icons go
Shape icons are built for feature tiles, placeholder logos, loaders and empty states.
- A distinct mark per item in feature grids and pricing tiers, without forcing a metaphor
- Placeholder logos and workspace avatars in onboarding and team switchers
- Loading and progress marks, where an animated shape such as squares ring plays on hover
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 shape icons are animated?
How many shape icons are there?
Are shape 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.