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

Icons

Chart Shadcn Icons: Bars, lines, pies and trends

25
Chart icons for dashboards, KPI tiles, reports and analytics navigation: 25 icons in 4 styles that install through the shadcn CLI or the ReUI MCP.

All Charts icons

  • Arrow Down Refraction
  • Arrow Up Refraction
  • Bar Chart
  • Building Chart
  • Chart
  • Chart Arrow Down
  • Chart Arrow Up
  • Chart Bars Ascending
  • Chart Bars Descending
  • Chart Bars Square
  • Chart Curve
  • Chart Histogram
  • Chart Line
  • Chart Line Down
  • Chart Line Star
  • Chart Line Up
  • Chart Pie Halves
  • Chart Pie Quarters
  • Chart Pie Simple
  • Chart Pie Slices
  • Chart Pie Split
  • Chart Simple
  • Chart Wave
  • Graph
  • Graph Up

Chart Shadcn Icons for dashboards

The charts category holds 25 icons for data: bar charts that rise and fall, line charts and curves, pie and donut charts, framed graphs, and trend arrows that climb or drop. 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 bar chart, chart line up, chart line down, chart pie simple, chart bars ascending, graph up and arrow up refraction. 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 chart icons go

Chart icons are built for dashboards, KPI tiles, reports and analytics navigation.

  • Trend indicators next to metrics on dashboards and KPI cards
  • Report and analytics entries in sidebars
  • Chart type pickers in report builders

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 icon shows a metric going up or down?

Arrow up refraction and arrow down refraction are trend lines ending in an arrow, the usual mark next to a percentage change. In outline, solid and filled, chart arrow up and chart arrow down put the same trend in a rounded frame.

How many chart icons are there?

25, 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 chart 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