The Tabler layout dashboard icon depicts a grid-like structure, commonly used to represent a main overview or control panel in user interfaces.
Common uses
- Dashboard homepage
- Admin panel overview
- Content management system layout
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconLayoutDashboard } from '@tabler/icons-react';
<IconLayoutDashboard size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconLayoutDashboard size={24} stroke={2} />filled
<IconLayoutDashboardFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- gridviewdisplaypagemasonrylayoutdashboardcreativeartisticvisualdesigndashboard gridadmin layoutoverview pageui grid
FAQ
- What is the layout dashboard icon used for?
- It's typically used to signify a primary dashboard or overview section of an application, providing a visual representation of different content blocks or modules.
- How do I use the layout dashboard icon in React?
- You can import and use it directly in your React components like this: import { IconLayoutDashboard } from '@tabler/icons-react'.
- What is the license for the Tabler icons?
- The Tabler icons, including the layout dashboard icon, are distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →