The Lucide panel left icon depicts a vertical bar on the left side, commonly used to represent a sidebar, navigation drawer, or collapsible panel.
Common uses
- Sidebar navigation
- Collapsible content panel
- Drawer menu toggle
Use it in React
Install
npm i lucide-reactImport & render
import { PanelLeft } from 'lucide-react';
<PanelLeft size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- primarydrawerpanelleftsidebarprimary panelleft menu
FAQ
- What is the panel left icon used for?
- It's typically used to indicate a sidebar, a collapsible section, or a navigation drawer on the left side of an interface.
- How do I use the panel left icon in React?
- You can import and use it like this: import { PanelLeft } from 'lucide-react'
- What is the license for the Lucide panel left icon?
- The Lucide icon library, including the panel left icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →