Icons
Arrow Shadcn Icons: Direction, navigation and reordering
97Arrow Shadcn Icons for buttons
The arrow category holds 97 icons for direction, navigation and reordering, 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 arrow back, arrow circle left, arrow circle right, arrow down, arrow down left, arrow down refraction 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 arrow icons go
Arrow icons are built for buttons, pagination, sorting headers, carousels and drag handles.
- Back and forward navigation, breadcrumb chevrons and pagination controls
- Sort direction in table headers and reorder handles in lists
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 arrow 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 arrow icons are there?
Are arrow 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.