The Phosphor squares four icon depicts a 2x2 grid of squares, commonly used to represent a dashboard, a collection of apps, or a general layout structure.
Common uses
- Dashboard overview
- App launcher grid
- Layout options
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { SquaresFour } from '@phosphor-icons/react';
<SquaresFour size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<SquaresFour size={24} />thin
<SquaresFour size={24} weight="thin" />light
<SquaresFour size={24} weight="light" />bold
<SquaresFour size={24} weight="bold" />fill
<SquaresFour size={24} weight="fill" />duotone
<SquaresFour size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- 4shapespolygonsappsapplicationsgridtablemicrosoftlogosdesignsystemsquaresfourdashboardlayout
FAQ
- What is the squares four icon used for?
- It's typically used for dashboards, app grids, or to signify a layout structure with multiple sections.
- How do I use the squares four icon in React?
- You can import it directly from the Phosphor React library: import { SquaresFour } from '@phosphor-icons/react'.
- What is the license for the Phosphor squares four icon?
- The Phosphor icon library, including the squares four icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →