The Tabler mail opened icon visually represents an email that has been read or opened, commonly used in user interfaces to indicate new messages or signify a read status.
Common uses
- Indicate a new, unread email in a notification badge.
- Show the status of an email as 'read' in an inbox list.
- As a button to access the user's email client or inbox.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMailOpened } from '@tabler/icons-react';
<IconMailOpened size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconMailOpened size={24} stroke={2} />filled
<IconMailOpenedFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Communication
- Keywords
- inboxgmailemailenvelopemessagereadmailopenedcontactconversationcommunicationread emailenvelope openmessage read
FAQ
- What does the mail opened icon represent?
- It signifies an email that has been read or opened. It's often used to differentiate from unread messages.
- How do I use the mail opened icon in React?
- You can import it directly from the '@tabler/icons-react' library using: `import { IconMailOpened } from '@tabler/icons-react'`.
- What is the license for this icon?
- The Tabler icons, including mail-opened, are released under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →