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

Icons

Layout Shadcn Icons: Grids, menus, carousels and panels

47
Layout icons for view switchers, page builders, hamburger toggles and overflow menus: 47 icons in 4 styles, some animated, for the shadcn CLI or the ReUI MCP.

All Layout icons

  • Browser Swipe
  • Burger Menu
  • Category
  • Circles Four
  • Circles Nine
  • Dots Circle
  • Dots Circle Vertical
  • Dots Grid
  • Dots Grid Square
  • Dots Horizontal
  • Dots Nine
  • Dots Square
  • Dots Square Vertical
  • Dots Vertical
  • Grid Four
  • Grid Nine
  • Kanban
  • Layout Add
  • Layout Columns
  • Layout Content Rail
  • Layout Dashboard
  • Layout Equal
  • Layout Header
  • Layout Header Columns
  • Layout Header Split
  • Layout Masonry
  • Layout Rail Rows
  • Layout Rail Tiles
  • Layout Sidebar Left
  • Layout Sidebar Right
  • Lines Stack
  • Maximize
  • Menu
  • Menu Align
  • Menu Arrow
  • Menu Bars
  • Menu Circle
  • Panel Left
  • Row Horizontal
  • Row Vertical
  • Rows Stacked
  • Slider
  • Slider Horizontal
  • Slider Horizontal Inset
  • Slider Vertical
  • Slider Vertical Outset
  • Square Text

Layout Shadcn Icons for view switchers and menus

The layout category holds 47 icons for the structure of a screen: grid and row views, page layouts with headers, rails and sidebars, hamburger menus, overflow dots and carousel sliders. All of them come in outline, solid, duotone and filled, on the same 24px grid as the rest of the set. Some of them also have an animated variant that plays on hover.

Names in this category include panel left, layout sidebar left, layout dashboard, burger menu, dots vertical, kanban and maximize. 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 layout icons go

Layout icons are built for view switchers, page builders, hamburger toggles and overflow menus.

  • Grid, list and kanban view toggles above collections
  • Layout pickers in page builders and dashboard editors
  • The hamburger toggle in responsive headers and the overflow menu on table rows

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

What is the difference between the dots icons?

Dots horizontal and dots vertical are the bare overflow (more) triggers, and the circle and square versions put the same 3 dots in a frame for icon buttons. Dots grid is a 3 by 3 grid, often used for an app launcher.

How many layout icons are there?

47, 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 layout 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. The animated variants also need the motion package, which the shadcn CLI installs with them.

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