The Tabler squares icon visually represents a collection of geometric shapes, often used to signify elements related to layout, organization, or creative design.
Common uses
- Representing a 'design' or 'creative' section.
- Indicating a grid or layout management tool.
- Symbolizing layers or multiple elements in a composition.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquares } from '@tabler/icons-react';
<IconSquares size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSquares size={24} stroke={2} />filled
<IconSquaresFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- boxeslayerssquarescreativeartisticrectangularvisualaestheticstyledesigngriddesign elements
FAQ
- What is the squares icon typically used for?
- It's commonly used to represent design-related functions, layout options, or the concept of multiple elements or layers.
- How do I use the squares icon in React?
- You can import it directly from the '@tabler/icons-react' library using: import { IconSquares } from '@tabler/icons-react'.
- What is the license for the Tabler squares icon?
- The Tabler icon library, including the squares icon, is 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 →