Notification bell icon states

Notification bell icon states, minimal, line-art, dark

Preview image. Unlock full-res

Three simple line-drawn bell icons showing notification states: ringing with curved lines, normal bell, and muted bell with a diagonal slash.

Colordark, light
Palette
#FAFAFA
#0F0F0F

Summary

A set of three minimal outline bell icons on a light background representing different notification states: active with motion lines, neutral, and muted with a slash mark.

Visual description

Three identical bell silhouettes rendered in clean, uniform strokes on a white background. The leftmost bell has curved lines emanating from its sides suggesting motion or ringing. The middle bell is a simple, static bell outline. The rightmost bell has a diagonal line crossing through it, indicating a muted or disabled state. All three maintain consistent line weight and proportions, using only negative space to convey state differences.

Key takeaway

Simple, scalable icon system that communicates state changes through minimal modifications—adding motion lines, removing them, or overlaying a slash—without redesigning the core symbol, making it effective and economical for UI applications.

Reuse notes

Ideal for notification center UI, settings interfaces, or any app requiring clear state indication. The minimal approach ensures legibility at all scales and works well in both light and dark interfaces.

More like this