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.