The Lucide panel top open icon depicts a panel or menu that is opening from the top, commonly used to indicate the expansion or reveal of content from the top of the screen.
Common uses
- Expanding a top navigation menu
- Revealing a settings drawer from the top
- Indicating a collapsible section opening upwards
Use it in React
Install
npm i lucide-reactImport & render
import { PanelTopOpen } from 'lucide-react';
<PanelTopOpen size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- menu bardrawershowrevealchevrondownpaneltopopendrawer openchevron downreveal panel
FAQ
- What is the panel top open icon used for?
- It visually represents content or a menu expanding downwards from the top edge of the interface, often used for navigation or revealing additional options.
- How do I use the panel top open icon in React?
- You can import and use it directly in your React components like this: import { PanelTopOpen } from 'lucide-react'. Then, render it as <PanelTopOpen />.
- What is the license for this icon?
- The Lucide icon library, including the panel top open 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 →