What is the bell simple icon used for?

It's typically used for indicating notifications, alerts, or system sounds like alarms and timers.

How do I use the bell simple icon in React?

Import it from the library like this: `import { BellSimple } from '@phosphor-icons/react'`. Then use it as a component: ` `.

Phosphor icons are distributed under the MIT license, allowing for free usage in both personal and commercial projects.

Phosphor · bell-simple · MIT

The Phosphor bell simple icon depicts a basic bell shape, commonly used to represent notifications, alerts, or system sounds.

Install

npm i @phosphor-icons/react

Import & render

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

<BellSimple size={24} />

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

regular

<BellSimple size={24} />

thin

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

light

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

bold

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

fill

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

duotone

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

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: system
Keywords: alarmnotificationstimestimerclockscheduleeventsringercallssystemobjectsbellsimplenotification iconalert iconringer icon

What is the bell simple icon used for?: It's typically used for indicating notifications, alerts, or system sounds like alarms and timers.
How do I use the bell simple icon in React?: Import it from the library like this: `import { BellSimple } from '@phosphor-icons/react'`. Then use it as a component: `<BellSimple />`.
What is the license for Phosphor icons?: Phosphor icons are distributed under the MIT license, allowing for free usage in both personal and commercial projects.

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 →