What is the call bell icon used for?

It's used to represent a request for service or attention, like at a hotel reception or for customer support.

How do I use the call bell icon in React?

You can import and use it like this: import { CallBell } from '@phosphor-icons/react'.

The Phosphor icon library, including the call bell icon, is available under the MIT license.

Phosphor · call-bell · MIT

The Phosphor call bell icon depicts a bell, often used to signal for service or attention, commonly found in hotel or reception interfaces.

Install

npm i @phosphor-icons/react

Import & render

import { CallBell } from '@phosphor-icons/react';

<CallBell size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<CallBell size={24} />

thin

<CallBell size={24} weight="thin" />

light

<CallBell size={24} weight="light" />

bold

<CallBell size={24} weight="bold" />

fill

<CallBell size={24} weight="fill" />

duotone

<CallBell size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: maps & travel
Keywords: service bellreceptionattendantconcierge bellmaps & travelobjectscallbellreception bellattendant bellconcierge

What is the call bell icon used for?: It's used to represent a request for service or attention, like at a hotel reception or for customer support.
How do I use the call bell icon in React?: You can import and use it like this: import { CallBell } from '@phosphor-icons/react'.
What is the license for this icon?: The Phosphor icon library, including the call bell icon, is available under the MIT license.

The same idea in other libraries, and near matches in Phosphor.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →