Skip to content
shadcn.io

Sidebar icons for React.

174 free sidebar icons from 53 libraries, Lucide, Material Symbols and Codicons among them. Open one to copy it as SVG or React, or install it with the shadcn CLI.

Get ProAll tags

Add shadcn.io to your AI agent. · Pro It finds and installs the sidebar icon you describe, from any library, with Pro.

Set up MCP

145 icons · every library

  • Layout Panel Left icon from Lucide
  • Menu icon from Lucide
  • Panel Left icon from Lucide
  • Panel Left Close icon from Lucide
  • Panel Left Dashed icon from Lucide
  • Panel Left Open icon from Lucide
  • Panel Right icon from Lucide
  • Panel Right Close icon from Lucide
  • Panel Right Open icon from Lucide
  • Panels Left Bottom icon from Lucide
  • Panels Top Left icon from Lucide
  • Unfold Horizontal icon from Lucide
  • Left Panel Close icon from Material Symbols
  • Side Navigation icon from Material Symbols
  • Panel Left 48 Filled icon from Fluent UI System Icons
  • Panel Left Contract 28 Filled icon from Fluent UI System Icons
  • Panel Left Default 32 Light icon from Fluent UI System Icons
  • Panel Left Expand 16 Filled icon from Fluent UI System Icons
  • Sidebar Search 20 Filled icon from Fluent UI System Icons
  • Left Panel Open Outline Sharp icon from Material Symbols Light
  • Side Navigation icon from Material Symbols Light
  • View Sidebar icon from Material Symbols Light
  • Drawer icon from Arcticons
  • Drawer Alt 1 icon from Arcticons
  • Drawer Alt 2 icon from Arcticons
  • Outline View Sidebar icon from Google Material Icons
  • Round View Sidebar icon from Google Material Icons
  • Sharp View Sidebar icon from Google Material Icons
  • Twotone Menu icon from Google Material Icons
  • Sidebar icon from Phosphor
  • Menu Left icon from Material Design Icons
  • Menu Right icon from Material Design Icons
  • Page Layout Sidebar Left icon from Material Design Icons
  • Page Layout Sidebar Right icon from Material Design Icons
  • Border Left Fill icon from MingCute Icon
  • Layout Leftbar Close Line icon from MingCute Icon
  • Layout Leftbar Open Fill icon from MingCute Icon
  • Layout Rightbar Close Fill icon from MingCute Icon
  • Layout Rightbar Open Fill icon from MingCute Icon
  • Layout Right Fill icon from MingCute Icon
  • Side Bar Fill icon from Remix Icon
  • Sidebar Fold Fill icon from Remix Icon
  • Panel Bottom icon from Myna UI Icons
  • Panel Bottom Close icon from Myna UI Icons
  • Panel Bottom Inactive icon from Myna UI Icons
  • Panel Bottom Open icon from Myna UI Icons
  • Sidebar icon from Myna UI Icons
  • Sidebar Alt icon from Myna UI Icons
  • Open Panel Left icon from Carbon
  • Open Panel Right icon from Carbon
  • Navicon icon from IonIcons
  • Navicon Round icon from IonIcons
  • Drawer icon from WebHostingHub Glyphs
  • Layout Sidebar icon from Bootstrap Icons
  • Layout Sidebar Inset icon from Bootstrap Icons
  • Layout Sidebar Inset Reverse icon from Bootstrap Icons
  • Layout Sidebar Reverse icon from Bootstrap Icons
  • Layout Text Sidebar icon from Bootstrap Icons
  • Layout Text Sidebar Reverse icon from Bootstrap Icons
  • Window Sidebar icon from Bootstrap Icons
  • Lateral icon from SVG Logos
  • Sidebar Line Left icon from Ultimate free icons
  • Left Bar icon from IconPark Solid
  • Right Bar icon from IconPark Solid
  • Menu Fold One icon from IconPark TwoTone
  • Menu Unfold One icon from IconPark TwoTone
  • Dock Left icon from Fluent UI MDL2
  • Dock Left Mirrored icon from Fluent UI MDL2
  • Dock Right icon from Fluent UI MDL2
  • Side Panel icon from Fluent UI MDL2
  • Side Panel Mirrored icon from Fluent UI MDL2
  • Dock Left icon from BoxIcons
  • Dock Right icon from BoxIcons
  • Sidebar icon from BoxIcons
  • Layout Right Sidebar icon from Sharp free icons
  • Layout Right Sidebar Remix icon from Sharp free icons
  • Layout Right Sidebar Solid icon from Plump free icons
  • Bars Outlined icon from Ant Design Icons
  • Border Left Outlined icon from Ant Design Icons
  • Menu Fold Outlined icon from Ant Design Icons
  • Menu Outlined icon from Ant Design Icons
  • Menu Unfold Outlined icon from Ant Design Icons
  • Sidenav icon from Pico-icon
  • Close Sidebar Alt Solid icon from Flowbite Icons
  • Close Sidebar Solid icon from Flowbite Icons
  • Window Sidebar icon from coolicons
  • Dock Right icon from BoxIcons Solid
  • Menu Left icon from Memory Icons
  • Layout Activitybar Left icon from Codicons
  • Layout Activitybar Right icon from Codicons
  • Layout Sidebar Left icon from Codicons
  • Layout Sidebar Left Dock icon from Codicons
  • Layout Sidebar Left Off icon from Codicons
  • Layout Sidebar Right icon from Codicons
  • Layout Sidebar Right Dock icon from Codicons
  • Layout Sidebar Right Off icon from Codicons
  • Navigation Left icon from Cyber color icons
  • Drawer icon from IcoMoon Free
  • Drawer 2 icon from IcoMoon Free
  • Layout Sidebar Left icon from Pixelarticons
  • Layout Sidebar Right icon from Pixelarticons
  • Panel Left icon from Akar Icons
  • Panel Right icon from Akar Icons
  • Sidebar Left icon from Akar Icons
  • Sidebar Right icon from Akar Icons
  • Three Line Horizontal icon from Akar Icons
  • Menu Left icon from OpenSearch UI
  • Menu Right icon from OpenSearch UI
  • Menu Hamburger icon from System UIcons
  • Menu Vertical icon from System UIcons
  • Panel Left icon from System UIcons
  • Panel Right icon from System UIcons
  • Window Collapse Left icon from System UIcons
  • Window Collapse Right icon from System UIcons
  • Hamburger icon from Pepicons
  • Collapse Left icon from Gitlab SVGs
  • Collapse Right icon from Gitlab SVGs
  • Bars 2 icon from HeroIcons v1 Solid
  • Bars 3 icon from HeroIcons v1 Solid
  • Bars 3 Bottom Left icon from HeroIcons v1 Solid
  • Bars 3 Bottom Right icon from HeroIcons v1 Solid
  • Bars 3 Center Left icon from HeroIcons v1 Solid
  • Bars 4 icon from HeroIcons v1 Solid
  • Menu Alt 2 icon from HeroIcons v1 Outline
  • Menu Alt 3 icon from HeroIcons v1 Outline
  • Collapse icon from OOUI
  • Menu icon from Flat Color Icons
  • Layout Sidebar icon from Charm Icons
  • Collapse Left icon from Open Iconic
  • Collapse Right icon from Open Iconic
  • Expand Left icon from Open Iconic
  • Expand Right icon from Open Iconic
  • Menu icon from Open Iconic
  • Aside icon from Gridicons
  • Drawer icon from Simple line icons
  • Border Left icon from Unicons Solid
  • Border Right icon from Unicons Solid
  • Sidebar Collapse Outline icon from Cuida Icons
  • Sidebar Expand Outline icon from Cuida Icons
  • Menu icon from Mono Icons
  • Hamburger Sidebar icon from Quill Icons
  • Collapse icon from TopCoat Icons
  • Menu icon from Icalicons
  • Sidebar Left icon from Gala Icons
  • Sidebar Right icon from Gala Icons
All 145 shown
  • 145 designs, one style each
  • From 53 libraries
  • 81% under permissive licenses
  • 174 icons in every style

Libraries

Sidebar icons in each library

How each set draws sidebar: menu, drawer, panel left and sidebar and more. Open one to see only its icons.

45 more libraries

Skip the browsing. With Pro, your AI agent finds the sidebar icon you describe in any library and installs it.

Get Pro

Tags

Related tags

Tags the same icons carry, closest to sidebar first.

All tags

Pricing

Sidebar icons MCP, with Pro

Your agent finds the sidebar icon you describe in any of 53 libraries and installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

About sidebar icons: how many there are, which libraries draw them, and how to use and license them.

Install any sidebar icon from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro