Message 24 Icon
Speech bubble with the number 24 inside, for 24/7 chat support, round-the-clock help and service hours. Available in 4 styles (outline, solid, duotone and filled) as a React component you install with the shadcn CLI.
Preview
- 16px
- 20px
- 24px
- 32px
Install and code
Message 24 icon in shadcn/ui components
Button
Icon button
Button group
Badge
Dropdown menu
Input group
Sidebar
Message 24 icon FAQ
What does this icon show?
Speech bubble with the number 24 inside, for 24/7 chat support, round-the-clock help and service hours. Typical uses: 24/7 live chat support badge, help center hours banner and customer service contact card.
When should I use it instead of a similar icon?
Use it for:
- Live chat launchers on help centers staffed day and night, weekends included
- Support plan rows on a pricing table that promise round-the-clock chat, such as an enterprise tier
- Help widget headers telling customers that a chat agent answers at any hour
For a round-the-clock hotline that people dial rather than type into, use the Phone 24 Hours icon. For support desk opening hours that end in the evening, use the Time icon. For a support chat launcher with no promise about when agents reply, use the Message Question icon.
Which styles does it come in?
4 styles: Outline, Solid, Duotone and Filled. Every style is drawn on the same 24 by 24 grid and installs as its own file, so you can switch styles without touching the layout.
How do I install it with the shadcn CLI?
Copy the install command from the panel above, in the style you want, and run it in your project. The shadcn CLI adds the icon as a React component that you import and render like any other. It draws in the current text color, so your text color and size classes style it. Icon installs need a ReUI Ultimate license.
What icons go well with it?
Icons from the same family and the Communication set: Message Add, Message Edit, Message Heart, Message Minus, Message Notify and Message Programming.
When was it added, and what was it called before?
It joined the ReUI icon library on August 6, 2026. It was previously named messages-unread and support, and those install names still resolve to this icon.
Icons related to Message 24
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Ultimate license.
When to use
- Live chat launchers on help centers staffed day and night, weekends included
- Support plan rows on a pricing table that promise round-the-clock chat, such as an enterprise tier
- Help widget headers telling customers that a chat agent answers at any hour
When not to use
- A round-the-clock hotline that people dial rather than type into: use the Phone 24 Hours icon
- Support desk opening hours that end in the evening: use the Time icon
- A support chat launcher with no promise about when agents reply: use the Message Question icon
Agent notes
- Name an icon-only button with its label, "Chat with support", as the aria-label
Markdown
https://reui.io/icons/preview/message-24.mdMCP
get_icon("message-24")Install
npx shadcn@latest add @reui/icons/default/duotone/message-24Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
Get All-Access
From $249, once. Lifetime updates.