The Lucide panel left dashed icon visually represents a dashed outline of a left-aligned panel, often used to indicate a collapsible or expandable sidebar, a primary navigation area, or a content drawer.
Common uses
- Toggle sidebar visibility
- Indicate primary navigation
- Represent a content drawer
Use it in React
Install
npm i lucide-reactImport & render
import { PanelLeftDashed } from 'lucide-react';
<PanelLeftDashed size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- sidebarprimarydrawershowrevealpaddingmarginguidelayoutbleedpanelleftdashedsidebar dasheddrawer leftnavigation panel
FAQ
- What is the panel left dashed icon used for?
- It's commonly used to represent UI elements like sidebars, drawers, or primary navigation areas, especially when their state (like being collapsed or expanded) is important.
- How do I use this icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { PanelLeftDashed } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the panel left dashed 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 →