The Heroicons bell snooze icon depicts a bell with a crescent moon, commonly used to indicate that notifications are temporarily silenced or snoozed.
Common uses
- Snooze notifications button
- Temporary do not disturb setting
- Mute alerts indicator
Use it in React
Install
npm i @heroicons/reactImport & render
import { BellSnoozeIcon } from '@heroicons/react/24/outline';
<BellSnoozeIcon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<BellSnoozeIcon className="size-6" />24/solid
<BellSnoozeIcon className="size-6" />20/solid
<BellSnoozeIcon className="size-6" />16/solid
<BellSnoozeIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- bellsnoozemutedo not disturbnotifications offsleep
FAQ
- What does the bell snooze icon represent?
- It signifies that notifications or alerts have been temporarily turned off or postponed.
- How do I use the bell snooze icon in React?
- Import it from Heroicons like this: import { BellSnoozeIcon } from '@heroicons/react/24/outline'
- What is the license for Heroicons?
- Heroicons are released under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in Heroicons.
Looking for something else? Search Heroicons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →