rectangle stack icon

Common uses

• Displaying a list of documents or files
• Representing layers in a design tool
• Indicating a collection of data entries

Use it in React

npm i @heroicons/react

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

<RectangleStackIcon className="size-6" />

Styles

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

<RectangleStackIcon className="size-6" />

<RectangleStackIcon className="size-6" />

<RectangleStackIcon className="size-6" />

<RectangleStackIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

rectanglestacklayerslistdocuments

FAQ

What does the rectangle stack icon represent?

It visually signifies a group or stack of rectangular items, often used for lists, collections, or layers.

How do I use the rectangle stack icon in React?

Import it from Heroicons and use it as a component: `import { RectangleStackIcon } from '@heroicons/react/24/outline'; <RectangleStackIcon className="h-6 w-6" />`.

What is the license for the Heroicons rectangle stack icon?

The Heroicons library, including the rectangle stack icon, is available under the MIT license.

Related icons

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