Bell Dot Pixel Art Icon
A bell with a dot badge for unread notifications, new alert indicators, and notification count badges in app headers.
Tags
bellnotificationringdot
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Bell Dot icon
A bell icon with a small dot overlay, conveying that at least one unread or pending notification is waiting. Use it in a navigation bar or app header to draw attention to new alerts without showing a numeric count, keeping the indicator minimal and clean. It is the natural active state of the plain bell icon. When you need a specific count, add a numeric badge alongside; for no pending notifications, the plain bell removes the visual urgency.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/bell-dot.svg" width="24" height="24" alt="Bell Dot" />
<!-- React -->
import { BellDot } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="bell-dot.svg" width="48" height="48" style="image-rendering: pixelated" />