The Lucide panel top close icon visually represents closing or collapsing a panel or menu that is positioned at the top of the screen.
Common uses
- Collapsing a top navigation bar
- Hiding a sidebar menu from the top
- Closing a modal or dropdown anchored to the top
Use it in React
Install
npm i lucide-reactImport & render
import { PanelTopClose } from 'lucide-react';
<PanelTopClose size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- menu bardrawerhidechevronuppaneltopclosecollapse tophide menuchevron up closetop bar close
FAQ
- What is the panel top close icon used for?
- It's used to indicate an action that closes or hides a UI element located at the top of the screen, like a menu or a panel.
- How do I use this icon in React?
- You can import and use it directly from the 'lucide-react' library with the following import statement: import { PanelTopClose } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the panel top close 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 →