The Tabler messages icon visually represents a conversation or a collection of messages, commonly used in user interfaces to indicate areas for communication, notifications, or accessing chat features.
Common uses
- Chat or messaging app interface
- Notification badge for new messages
- Link to a user's inbox or conversation history
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMessages } from '@tabler/icons-react';
<IconMessages size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconMessages size={24} stroke={2} />filled
<IconMessagesFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Communication
- Keywords
- chatreplycommentconversationcommunicationfaqmessagescontactmessaginginteraction
FAQ
- What does the messages icon represent?
- It symbolizes a dialogue or a series of communications, suitable for features related to messaging or user interaction.
- How do I use this icon in React?
- Import it using `import { IconMessages } from '@tabler/icons-react'` and render it as a component: `<IconMessages />`.
- What is the license for this icon?
- The Tabler icons, including the messages icon, are distributed under the MIT license.
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 →