Skip to content
DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.7K
Sign inGet All-Access

Icons

Arrow Shadcn Icons: Direction, navigation and reordering

58
Arrow icons for buttons, pagination, sorting headers, carousels and refresh controls: 58 icons in 4 styles that install through the shadcn CLI or the ReUI MCP.

All Arrows icons

  • Arrow Back
  • Arrow Down
  • Arrow Down Left
  • Arrow Down Right
  • Arrow Down Triangle
  • Arrow Left
  • Arrow Left Line
  • Arrow Left Triangle
  • Arrow Mix
  • Arrow Right
  • Arrow Right Left
  • Arrow Right Line
  • Arrow Right Triangle
  • Arrow Rotate Left
  • Arrow Rotate Right
  • Arrow Two Diagonals
  • Arrow Up
  • Arrow Up Down
  • Arrow Up Left
  • Arrow Up Right
  • Arrow Up Triangle
  • Arrow Zigzag
  • Arrows Circle
  • Arrows Diagonal
  • Arrows Loop
  • Chevron Right Outline
  • Chevrons Down Thin
  • Chevrons Inward
  • Chevrons Left
  • Chevrons Left Right
  • Chevrons Left Right Ellipsis
  • Chevrons Right
  • Chevrons Up
  • Chevrons Up Down
  • Circle Arrow Down
  • Circle Arrow Left
  • Circle Arrow Right
  • Circle Arrow Up
  • Double Down
  • Double Left
  • Double Right
  • Double Up
  • Down
  • Down Square
  • Left
  • Left Square
  • Refresh Arrow Anticlockwise
  • Refresh Arrow Clockwise
  • Right
  • Right Left
  • Right Square
  • Square Arrow Down
  • Square Arrow Left
  • Square Arrow Right
  • Square Arrow Up
  • Up
  • Up Down
  • Up Square

Arrow Shadcn Icons for buttons and navigation

The arrows category holds 58 icons for direction, navigation and reordering: plain arrows, chevrons, double arrows, circled and squared arrows, and refresh loops. All of them come in outline, solid, duotone and filled, on the same 24px grid as the rest of the set.

Names in this category include arrow left, arrow right, arrow up right, chevrons up down, circle arrow down, refresh arrow clockwise and arrows loop. 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 arrow icons go

Arrow icons are built for buttons, pagination, sorting headers, carousels and refresh controls.

  • Back and forward navigation, breadcrumbs and pagination controls
  • Sort direction in table headers and reorder controls in lists
  • Refresh, sync and repeat actions with the circular arrows

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.
  • 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 arrow icon marks an external link?

Arrow up right points up and out, the usual sign for a link that opens elsewhere. Arrows diagonal has a head at each end, for expand or resize, and chevrons up down marks a sortable table column.

How many arrow icons are there?

58, each drawn in outline, solid, duotone and filled. The number on this page is read from the registry build, so it stays current as icons are added.

Are arrow icons free?

No, they are part of ReUI Ultimate: a one-time payment with lifetime updates, every icon in every style. Anyone can browse each glyph with its install command, keywords and related icons on its own page; installing an icon, its source and its SVG download need an Ultimate license.

Which frameworks do they support?

Any React project on Tailwind CSS, with or without shadcn/ui. Each style is its own React component that takes a className and draws in currentColor, so size and color come from your classes.

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.

Application

  • App ShellAdded 4 new App Shell blocks
  • Auth
  • Card
  • Dashboard
  • Dialog
  • Empty State
  • Event Calendar
  • Flow
  • Form
  • Gantt
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Rich Text Editor
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Whiteboard
  • Wizard

Data Grid

  • Base
  • AdvancedNew Advanced category with 3 Data Grid blocks
  • Columns
  • Drag & Drop
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Charts

  • Area Chart
  • Bar Chart
  • Composed Chart
  • Line Chart
  • Pie Chart
  • Radial Chart
  • Sparkline
  • Status Tracker

AI & Agents

  • AI Chat
  • Agent Activity

Solutions

  • Dev Ops
  • AI Ops
  • CRM
  • Agents
  • Analytics
  • Billing
  • Bookings
  • Files
  • Inventory
  • Users

Templates

  • E-commerce
  • SaaS
  • Dashboard
  • Landing
  • All templates

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist
  • Shop Hero

Marketing

  • Blog
  • Compare
  • Contact
  • CTA
  • FAQ
  • Hero
  • How It Works
  • Pricing

Resources

  • Components
  • Blocks
  • Icons
  • MCP for Agents
  • Docs
  • Support
  • Pricing
  • Tailwind Plus Alternative
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026 ReUI. All rights reserved.

3.7K