The Lucide square menu icon depicts a square with three horizontal lines, commonly used to represent a menu or navigation options in a user interface.
Common uses
- Opening a side navigation panel
- Toggling a dropdown menu
- Accessing application settings or options
Use it in React
Install
npm i lucide-reactImport & render
import { SquareMenu } from 'lucide-react';
<SquareMenu size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- barsnavigationhamburgeroptionsmenu barpanelsquaremenuhamburger menunavigation iconmenu barsoptions icon
FAQ
- What is the square menu icon used for?
- It's typically used to indicate that clicking it will reveal a menu, navigation, or options.
- How do I use the square menu icon in React?
- You can import and use it like this: import { SquareMenu } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the square 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 →