The Lucide panel bottom open icon depicts a panel or drawer sliding up from the bottom of the screen, commonly used to reveal hidden content or controls.
Common uses
- Opening a chat or comment panel
- Displaying a settings or options drawer
- Revealing a media player or controls
Use it in React
Install
npm i lucide-reactImport & render
import { PanelBottomOpen } from 'lucide-react';
<PanelBottomOpen size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- drawerdockshowrevealchevronuppanelbottomopendrawer upreveal panelchevron updock open
FAQ
- What does the panel bottom open icon represent?
- It visually signifies content or a UI element that is opening or sliding up from the bottom edge of the interface.
- How do I use this icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { PanelBottomOpen } 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 →