two square icon

Common uses

• Selecting multiple items
• Toggling a grid view
• Indicating a paired or grouped element

Use it in React

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

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

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

Details

Library

HugeIcons (5,121 icons)

License

MIT

viewBox

0 0 24 24

Keywords

double squaretwo blocksgridselection

FAQ

What does the two square icon represent?

It visually represents two connected or adjacent squares, often used for selection, grouping, or grid-related actions.

How do I use the TwoSquareIcon in React?

Import it like so: import { TwoSquareIcon } from '@hugeicons/core-free-icons'; and then render it using <HugeiconsIcon icon={TwoSquareIcon} />.

What is the license for this icon?

The HugeIcons library, including the TwoSquareIcon, is available under the MIT license.

Related icons

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