The Lucide panel bottom icon depicts a panel or drawer that slides up from the bottom of the screen, commonly used to reveal additional options or content.
Common uses
- Bottom sheet for mobile menus
- Expandable settings panel
- Taskbar or dock for desktop apps
Use it in React
Install
npm i lucide-reactImport & render
import { PanelBottom } from 'lucide-react';
<PanelBottom size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- drawerdockpanelbottombottom drawerslide up paneltaskbar icondock icon
FAQ
- What is the panel bottom icon used for?
- It's used to represent UI elements that appear from the bottom, like drawers, menus, or toolbars.
- How do I use the panel bottom icon in React?
- You can import it directly from the 'lucide-react' library: import { PanelBottom } from 'lucide-react'.
- What is the license for the Lucide panel bottom icon?
- The Lucide icon library, including the panel bottom 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 →