The Lucide panel top icon depicts a horizontal bar at the top of a panel, commonly used to represent a header, toolbar, or a collapsible drawer that slides down from the top.
Common uses
- Header bar for a sidebar or navigation panel
- Toolbar for a content area
- Indicator for a collapsible top drawer
Use it in React
Install
npm i lucide-reactImport & render
import { PanelTop } from 'lucide-react';
<PanelTop size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- drawerbrowserwebpagepaneltopbrowser headertop barwebpage panel
FAQ
- What does the panel top icon represent?
- It represents a horizontal element at the top of a UI panel, often used for headers, toolbars, or drawers.
- How do I use the panel top icon in React?
- You can import and use it like this: import { PanelTop } from 'lucide-react'. Then render it as <PanelTop />.
- What is the license for this icon?
- The Lucide icon library, including the panel top 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 →