squares 2x 2 icon

Common uses

• Switching to a grid view
• Displaying a dashboard overview
• Selecting multiple options

Use it in React

npm i @heroicons/react

import { Squares2x2Icon } from '@heroicons/react/24/outline';

<Squares2x2Icon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

<Squares2x2Icon className="size-6" />

<Squares2x2Icon className="size-6" />

<Squares2x2Icon className="size-6" />

<Squares2x2Icon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

squares2x2griddashboardlayoutapps

FAQ

What is the squares 2x2 icon used for?

It's typically used to signify a grid layout, a dashboard, or when selecting multiple items. It visually represents a 2x2 arrangement.

How do I use the squares 2x2 icon in React?

You can import it from Heroicons like this: `import { Squares2x2Icon } from '@heroicons/react/24/outline'`. Then use it as a React component.

What is the license for Heroicons?

Heroicons are provided under the MIT license, allowing for free use in both open-source and commercial projects.

Related icons

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