What does the square square icon represent?

It visually represents two connected squares, often used for grid layouts, tiling, or indicating multiple selections.

How do I use the SquareSquareIcon in React?

Import both HugeiconsIcon and SquareSquareIcon, then render .

What is the license for this icon?

This icon is distributed under the MIT license, allowing for free use.

square square icon

HugeIcons · SquareSquareIcon · MIT

The HugeIcons square square icon depicts two adjacent squares and is typically used to represent concepts like tiling, grids, or multiple selections.

Common uses

Grid view toggle
Multiple item selection indicator
Tiled layout option

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { SquareSquareIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={SquareSquareIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: two squaresgrid icontile iconselection icon

FAQ

What does the square square icon represent?: It visually represents two connected squares, often used for grid layouts, tiling, or indicating multiple selections.
How do I use the SquareSquareIcon in React?: Import both HugeiconsIcon and SquareSquareIcon, then render <HugeiconsIcon icon={SquareSquareIcon} />.
What is the license for this icon?: This icon is distributed under the MIT license, allowing for free use.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

lucide hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons 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 →