The Heroicons inbox stack icon depicts a stack of envelopes, commonly used to represent a collection of messages, emails, or a general inbox.
Common uses
- Email client inbox indicator
- Message notification count
- Document or file management section
Use it in React
Install
npm i @heroicons/reactImport & render
import { InboxStackIcon } from '@heroicons/react/24/outline';
<InboxStackIcon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<InboxStackIcon className="size-6" />24/solid
<InboxStackIcon className="size-6" />20/solid
<InboxStackIcon className="size-6" />16/solid
<InboxStackIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- inboxstackmessage stackemail stackinbox messagesarchive
FAQ
- What does the inbox stack icon represent?
- It represents a collection of items, typically messages or emails, organized in a stacked format.
- How do I use this icon in React?
- Import it using `import { InboxStackIcon } from '@heroicons/react/24/outline'` and then use it as a React component.
- What is the license for this icon?
- The Heroicons library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Heroicons.
Looking for something else? Search Heroicons 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 →