The HugeIcons dashboard square edit icon depicts a square dashboard element with an edit symbol, commonly used to represent the action of modifying or configuring a dashboard or a specific dashboard widget.
Common uses
- Edit dashboard layout
- Configure dashboard settings
- Modify a specific widget's properties
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { DashboardSquareEditIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={DashboardSquareEditIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- dashboard editedit dashboardconfigure dashboarddashboard settings
FAQ
- What does the dashboard square edit icon represent?
- This icon represents the action of editing or configuring a dashboard or a dashboard element. It's typically used when a user can change the layout, settings, or content of a dashboard.
- How do I use this icon in React?
- Import the icon component and use it like this: import { DashboardSquareEditIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={DashboardSquareEditIcon} />.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.