The Lucide panels left bottom icon depicts a layout with two panels, one positioned to the left and another at the bottom, commonly used to represent a split-screen interface or a dashboard with distinct content areas.
Common uses
- Displaying a primary content area with a secondary sidebar and a footer.
- Representing a multi-panel application layout.
- Indicating a collapsible left sidebar and a bottom status bar.
Use it in React
Install
npm i lucide-reactImport & render
import { PanelsLeftBottom } from 'lucide-react';
<PanelsLeftBottom size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- drawerssidebarprimarypanelsleftbottomsplit screenlayout left bottomtwo panels
FAQ
- What does the panels-left-bottom icon represent?
- It visually suggests a UI layout with distinct sections, typically a main content area alongside a left-aligned sidebar and a bottom panel.
- How do I use the panels-left-bottom icon in React?
- You can import and use it directly with the following statement: import { PanelsLeftBottom } 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 →