Bell Pixel Art Icon
A bell icon for notification centers, alert preferences, 'Notify me' buttons, and ring/silent toggles.
Tags
notificationring
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Bell icon
A classic bell shape, universally understood as the symbol for notifications and alerts. Place it in a notification center header, a 'Notify me' checkbox label, the trigger that opens an alerts panel, or a mobile ring/silent indicator. Users scan for it instinctively when managing what pings them. When an alert has arrived right now, bell-ring adds emphasis; for unread alerts, bell-dot uses a dot badge; for muting, bell-off is the clear counterpart.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/bell.svg" width="24" height="24" alt="Bell" />
<!-- React -->
import { Bell } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="bell.svg" width="48" height="48" style="image-rendering: pixelated" />