The Lucide layout panel top icon depicts a top-aligned panel or section within a larger layout, commonly used to represent headers, navigation bars, or distinct content areas.
Common uses
- Header or navigation bar
- Top content section
- Tabbed interface header
Use it in React
Install
npm i lucide-reactImport & render
import { LayoutPanelTop } from 'lucide-react';
<LayoutPanelTop size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- windowwebpageblocksectiongridtemplatestructurelayoutpaneltopheader icontop bar iconwindow panel iconsection icon
FAQ
- What is the layout panel top icon used for?
- It visually represents a distinct section or panel positioned at the top of a layout, often used for headers, navigation, or primary content areas.
- How do I use the layout panel top icon in React?
- You can import and use it in your React application with: import { LayoutPanelTop } from 'lucide-react'
- What is the license for this icon?
- The Lucide icon library, including the layout 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 →