The Lucide menu icon depicts three horizontal bars, commonly used to represent a navigation menu or options list in user interfaces.
Common uses
- Mobile navigation drawer trigger
- Dropdown menu button
- Settings or options panel access
Use it in React
Install
npm i lucide-reactImport & render
import { Menu } from 'lucide-react';
<Menu size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- barsnavigationhamburgeroptionsmenu
FAQ
- What is the menu icon used for?
- It's a universal symbol for accessing navigation menus, options, or settings within an application.
- How do I use the menu icon in React?
- Import it from 'lucide-react' and use it as a component: import { Menu } from 'lucide-react'.
- What is the license for the Lucide menu icon?
- The Lucide icon library, including the menu 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 →