What does the bell cog icon represent?

It symbolizes notification settings or system configuration, combining the idea of alerts (bell) with adjustments (cog).

How do I use this icon in React?

Import it from the '@tabler/icons-react' library like this: import { IconBellCog } from '@tabler/icons-react'.

The Tabler icon library, including the bell cog icon, is available under the MIT license.

Tabler · bell-cog · MIT

The Tabler bell cog icon depicts a bell combined with a cogwheel, commonly used to represent notification settings or system configuration options.

Install

npm i @tabler/icons-react

Import & render

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

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

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: System
Keywords: settingsoptionspreferencesconfigurationadjusttweakcalibratemodulatefine-tunecustomizesystembellcognotification settingssystem preferencesalert configuration

What does the bell cog icon represent?: It symbolizes notification settings or system configuration, combining the idea of alerts (bell) with adjustments (cog).
How do I use this icon in React?: Import it from the '@tabler/icons-react' library like this: import { IconBellCog } from '@tabler/icons-react'.
What is the license for this icon?: The Tabler icon library, including the bell cog icon, is available 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 →