The Lucide panel right dashed icon visually represents a secondary panel or sidebar that can be shown or hidden, often used to indicate expandable or collapsible content areas.
Common uses
- Toggle visibility of a right-side settings panel.
- Indicate a collapsible secondary navigation menu.
- Represent a draggable or resizable sidebar area.
Use it in React
Install
npm i lucide-reactImport & render
import { PanelRightDashed } from 'lucide-react';
<PanelRightDashed size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- sidebarsecondarydrawershowrevealpaddingmarginguidelayoutbleedpanelrightdashedsidebar right dasheddrawer right dashedsecondary panel
FAQ
- What is the panel right dashed icon used for?
- It's typically used to represent a secondary panel or sidebar that can be shown or hidden, often associated with settings, navigation, or additional content.
- How do I use this icon in React?
- You can import and use it in React with the following statement: import { PanelRightDashed } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including this 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 →