The Phosphor stack simple icon depicts a few stacked rectangles, commonly used to represent a collection of items, layers, or a simple card layout in user interfaces.
Common uses
- Displaying a list of layered documents.
- Indicating a 'cards' view option.
- Representing a simple stack of elements.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { StackSimple } from '@phosphor-icons/react';
<StackSimple size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<StackSimple size={24} />thin
<StackSimple size={24} weight="thin" />light
<StackSimple size={24} weight="light" />bold
<StackSimple size={24} weight="bold" />fill
<StackSimple size={24} weight="fill" />duotone
<StackSimple size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- cardslayersdesignofficeeditorstacksimpledocuments
FAQ
- What is the stack simple icon used for?
- It's typically used to visually represent stacked items, layers, or a collection of cards in a UI design.
- How do I use the stack simple icon in React?
- Import it as StackSimple from '@phosphor-icons/react' and use it like <StackSimple size={32} />.
- What is the license for this icon?
- The Phosphor icon library, including the stack simple 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 →