The Tabler message circle icon depicts a speech bubble within a circle, commonly used to represent chat, messaging, or communication features in a user interface.
Common uses
- Button to open a chat window
- Indicator for new messages
- Link to a messaging section
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMessageCircle } from '@tabler/icons-react';
<IconMessageCircle size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconMessageCircle size={24} stroke={2} />filled
<IconMessageCircleFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Communication
- Keywords
- commentchatreplymessagecirclecontactconversationroundcircularmessagingcommunicationchat bubblespeech bubblecomment icon
FAQ
- What does the message circle icon represent?
- It visually signifies communication, such as chat, messages, or comments.
- How do I use this icon in React?
- Import it using: import { IconMessageCircle } from '@tabler/icons-react'; then use it as <IconMessageCircle />.
- What is the license for this icon?
- The Tabler icons, including message-circle, are distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.