The Lucide panel left right dashed icon visually represents a collapsible or resizable sidebar panel, often used to indicate expandable or retractable content areas on either the left or right side of a layout.
Common uses
- Toggle sidebar visibility
- Indicate resizable panel boundaries
- Show/hide primary navigation
Use it in React
Install
npm i lucide-reactImport & render
import { PanelLeftRightDashed } from 'lucide-react';
<PanelLeftRightDashed size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- sidebarprimarydrawershowrevealpaddingmarginguidelayoutverticalbleedpanelleftrightdashedsidebar toggle
FAQ
- What is the panel left right dashed icon used for?
- It's commonly used to represent UI elements like sidebars or drawers that can be expanded, collapsed, or resized, providing a visual cue for interactive layout components.
- How do I use this icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { PanelLeftRightDashed } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including this icon, is available under the ISC license, which is a permissive open-source license.
Related icons
The same idea in other libraries, and near matches in Lucide.