The Lucide layout dashboard icon visually represents a grid or organized arrangement of content blocks, commonly used to signify the main overview or control panel of an application.
Common uses
- Main application dashboard link
- Overview page navigation
- Admin panel entry point
Use it in React
Install
npm i lucide-reactImport & render
import { LayoutDashboard } from 'lucide-react';
<LayoutDashboard size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- masonrybricklayoutdashboardgridoverview
FAQ
- What does the layout dashboard icon represent?
- It depicts an organized grid or collection of elements, typically used for dashboards or overview screens in user interfaces.
- How do I use this icon in React?
- You can import and use it like this: import { LayoutDashboard } from 'lucide-react'. Then render it as <LayoutDashboard />.
- What is the license for this icon?
- The Lucide icon library, including the layout dashboard 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 →