The HugeIcons three square icon visually represents a group of four squares arranged in a 2x2 grid, often used to signify a dashboard, a grid layout, or a collection of items.
Common uses
- Dashboard overview
- Grid view toggle
- Content grouping
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ThreeSquareIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ThreeSquareIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- griddashboardsquareslayout
FAQ
- What does the three square icon represent?
- It depicts four squares in a 2x2 arrangement, commonly used for dashboards, grids, or grouped content.
- How do I use the ThreeSquareIcon in React?
- Import it as `import { ThreeSquareIcon } from '@hugeicons/core-free-icons';` and render it using `<HugeiconsIcon icon={ThreeSquareIcon} />`.
- What is the license for this icon?
- The HugeIcons library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →