The Tabler dashboard icon visually represents a central control panel or overview screen, commonly used to display key information and management functions in a user interface.
Common uses
- Main navigation item for a system overview.
- Link to a user's profile or account settings.
- Button to return to the application's home screen.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconDashboard } from '@tabler/icons-react';
<IconDashboard size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconDashboard size={24} stroke={2} />filled
<IconDashboardFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- homecardashboardcontroloperationfunctioninterfacemanagementsystemcontrol paneloverview
FAQ
- What is the purpose of the dashboard icon?
- It signifies a main overview or control center within an application, providing access to various functions or data summaries.
- How do I use the dashboard icon in React?
- Import it using `import { IconDashboard } from '@tabler/icons-react';` and then render it as a component: `<IconDashboard />`.
- What is the license for the Tabler dashboard icon?
- The Tabler icons, including the dashboard icon, are available 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 →