square 2 stack icon

Common uses

• Displaying a list or grid of items
• Representing a folder or directory in a file explorer
• Indicating layered content or multiple versions

Use it in React

npm i @heroicons/react

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

<Square2StackIcon className="size-6" />

Styles

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

<Square2StackIcon className="size-6" />

<Square2StackIcon className="size-6" />

<Square2StackIcon className="size-6" />

<Square2StackIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

square2stackstacked squareslayers iconfolder icondocument stack

FAQ

What does the square 2 stack icon represent?

It visually signifies a stack of two square items, often used for collections, layers, or directories.

How do I use this icon in React?

Import it using: import { Square2StackIcon } from '@heroicons/react/24/outline'

What is the license for this icon?

The Heroicons library, including this icon, is released under the MIT license.

Related icons

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