The Lucide layout grid icon depicts a grid of squares, commonly used to represent a dashboard, a collection of apps, or a general layout overview.
Common uses
- Dashboard home screen
- App launcher or menu
- Content arrangement view
Use it in React
Install
npm i lucide-reactImport & render
import { LayoutGrid } from 'lucide-react';
<LayoutGrid size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- apphomestartlayoutgriddashboard iconapps iconhome screen iconsquares icon
FAQ
- What is the layout grid icon used for?
- It's typically used to signify a starting point, a collection of items, or a structured layout, like a dashboard or app menu.
- How do I use the layout grid icon in React?
- You can import and use it directly from the lucide-react library like this: import { LayoutGrid } from 'lucide-react'.
- What is the license for Lucide icons?
- Lucide icons, including the layout grid icon, are distributed 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 →