Phone 24 Hours Icon
Telephone handset against a circle holding the number 24, for 24/7 hotlines, call centers and support 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
Phone 24 Hours icon in shadcn/ui components
Button
Icon button
Button group
Badge
Dropdown menu
Input group
Sidebar
Phone 24 Hours icon FAQ
What does this icon show?
Telephone handset against a circle holding the number 24, for 24/7 hotlines, call centers and support hours. Typical uses: 24/7 hotline link in footer, call center contact card and support hours banner.
When should I use it instead of a similar icon?
Use it for:
- Emergency and after-hours lines on an insurance, utility or medical contact page
- Phone support rows on a plan comparison table, for tiers with round-the-clock calls
For a live chat staffed day and night, typed rather than dialed, use the Message 24 icon. For a dial button on a contact card with no promise about hours, use the Call Circle icon. For opening hours for a store or office that closes at night, use the Time 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: Phone, Address Book, Call, Call Circle, Cloud Speech and Message 24.
When was it added, and what was it called before?
It joined the ReUI icon library on August 6, 2026. It was previously named support-24, and that install name still resolves to this icon.
Icons related to Phone 24 Hours
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Ultimate license.
When to use
- Emergency and after-hours lines on an insurance, utility or medical contact page
- Phone support rows on a plan comparison table, for tiers with round-the-clock calls
When not to use
- A live chat staffed day and night, typed rather than dialed: use the Message 24 icon
- A dial button on a contact card with no promise about hours: use the Call Circle icon
- Opening hours for a store or office that closes at night: use the Time icon
Agent notes
- Name an icon-only button with its label, "Call our hotline", as the aria-label
Markdown
https://reui.io/icons/preview/phone-24-hours.mdMCP
get_icon("phone-24-hours")Install
npx shadcn@latest add @reui/icons/default/duotone/phone-24-hoursStart 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.