What does the bell x icon represent?

It signifies that a bell's function, typically for alerts or notifications, is deactivated or turned off.

How do I use the bell x icon in React?

You can import it using: import { IconBellX } from '@tabler/icons-react'. Then use it as a component: .

The Tabler icon library, including the bell x icon, is distributed under the MIT license.

Tabler · bell-x · MIT

The Tabler bell x icon depicts a bell with a cross through it, commonly used to indicate that notifications or alerts are disabled or turned off.

Install

npm i @tabler/icons-react

Import & render

import { IconBellX } from '@tabler/icons-react';

<IconBellX size={24} stroke={2} />

Tabler ships this icon in 2 styles — each its own import:

outline

<IconBellX size={24} stroke={2} />

filled

<IconBellXFilled size={24} stroke={2} />

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: System
Keywords: alarmringsoundalertdisabledbellcontroloperationfunctioninterfacesystemxnotification offmute alertdisabled bellalert disabled

What does the bell x icon represent?: It signifies that a bell's function, typically for alerts or notifications, is deactivated or turned off.
How do I use the bell x icon in React?: You can import it using: import { IconBellX } from '@tabler/icons-react'. Then use it as a component: <IconBellX />.
What is the license for this icon?: The Tabler icon library, including the bell x icon, is distributed under the MIT license.

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

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