The Phosphor stack icon visually represents multiple items or layers arranged vertically, commonly used to signify collections, data structures, or layered interfaces in UI design.
Common uses
- Representing a list of items or cards.
- Indicating layered or stacked content.
- Symbolizing a collection or group of similar elements.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Stack } from '@phosphor-icons/react';
<Stack size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Stack size={24} />thin
<Stack size={24} weight="thin" />light
<Stack size={24} weight="light" />bold
<Stack size={24} weight="bold" />fill
<Stack size={24} weight="fill" />duotone
<Stack size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- cardslayersdesignofficeeditorstackcollectiongroup
FAQ
- What does the stack icon represent?
- It depicts multiple items or layers stacked on top of each other, often used for collections or layered interfaces.
- How do I use the stack icon in React?
- You can import and use it like this: import { Stack } from '@phosphor-icons/react'.
- What is the license for the Phosphor stack icon?
- The Phosphor icon library, including the stack icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →