Bell Icons
A bell is the default trigger for notifications — the icon users tap to check what's new, and the one that carries a badge when something needs attention. This page collects bell icon variants across Pathwork's libraries, from a plain outline bell to filled or slightly angled "ringing" versions, so you can match the exact weight your navbar or dashboard needs.
Showing top 100·100 icon packs·Free & open source
Showing top 100 results — many more icons available
Search all bell iconsSource libraries
Frequently Asked Questions
Outline is the more common default for a neutral, no-new-notifications state, with many products switching to a filled bell — sometimes combined with a badge — once there's something new to see. Some products keep it outline permanently and rely entirely on the badge to signal unread notifications, which also works fine.
The standard pattern is a small colored badge (often red) positioned at the top-right of the bell, showing either a dot (for 'something's new') or a number (for an exact count). For counts above a certain threshold, many products cap the displayed number (like '9+') rather than showing an increasingly large number that could break the badge's layout.
A brief shake or ring animation is a common way to draw attention to a new notification in real time, typically triggered via CSS keyframes when new data arrives (e.g. through a websocket or polling update), rather than something built into the static icon itself.
A bell with a diagonal slash through it is the standard convention for 'notifications muted' or 'do not disturb', letting users toggle between the two states (bell and bell-off) to represent whether notifications are currently enabled or silenced for a given context.
Each icon keeps the license from its source library attached to it, and terms can differ depending on which library a specific icon comes from. Check the license shown on the individual icon's page before using it commercially.
The top-right area of the navbar, often near a user's profile icon or avatar, is the most common convention across web and app interfaces, since users generally expect account-related and notification icons to be grouped together in that region.