Context pack Interface Updated May 26, 2026

Notification System Icons

Alerts, toasts, badges, push notifications, and in-app messaging icons. The full vocabulary of how products tell users that something needs attention.

52 icons

2 libraries

All open-source

bell page

bell-off page

bell-ring page

bell-plus page

bell-minus page

bell-dot page

volume-2 page

volume-x page

volume page

inbox page

mail page

message-circle page

message-square page

send page

check-circle page

x-circle page

alert-circle page

alert-triangle page

info page

help-circle page

badge-check page

badge-alert page

badge-info page

badge-x page

shield-check page

shield-alert page

thumbs-up page

thumbs-down page

heart page

star page

eye page

eye-off page

moon page

sun page

flame page

sparkles page

phone page

phone-call page

phone-incoming page

mic page

mic-off page

clock page

calendar page

filter page

archive page

trash page

settings page

user page

chevron-right page

external-link page

radio page

rss page

No icons match those filters.

52 icons shown · 0 in kit

About this pack

Notification System packages the iconography for every notification surface: in-app toasts (success / warning / error / info), badge counts on tab bars and avatars, notification centers and inboxes, push-notification permission requests, do-not-disturb modes, and the silenced/muted variants. Use this for any product that needs an alerting layer.

Pack at a glance

CategoryContext pack

TagInterface

Total icons52

Libraries2

Last updatedMay 26, 2026

Best for

Toast systems

Notification centers

Inbox UIs

Push permission prompts

Alert banners

Style composition

52 outline0 filled

Outline icons follow the stroke-width control; filled icons paint with a single fill. All scale cleanly on their native grid.

Libraries in this pack

Every glyph is drawn from a real open-source set — here's exactly how the 52 icons break down, with each license.

Lucide44 icons

by Lucide Contributors

ISC

repo license browse

Feather8 icons

by Cole Bemis

MIT

repo license browse

Licensing

Free for commercial use. This pack mixes 2 licenses across its 2 sources:

ISCLucide

MITFeather

Icons via DownloadIcons (downloadicons.com). Lucide (ISC), Feather (MIT).

All 52 icons in the Notification System pack

Full index — every icon links to its own page with downloads in all formats.

Feather · 8

check-circle x-circle alert-circle alert-triangle info help-circle archive external-link

Common questions

How many icons are in the Notification System pack?

52 icons, drawn from 2 open-source libraries: Lucide (44), Feather (8).

Can I use these icons in commercial projects?

Yes. Every library in this pack is open source — Lucide under ISC; Feather under MIT. Keep each library’s license text when redistributing source.

What formats can I export?

Individual SVG files (zipped), a single React .tsx component file, a Vue 3 .ts component file, or a ZIP of Svelte 5 components with an index.ts barrel — all generated in your browser from the same icon data, so the preview always matches the download.

Do outline and filled icons behave differently?

This pack contains 52 outline and 0 filled icons. Outline icons follow the stroke-width control and paint with stroke: currentColor; filled icons paint with fill: currentColor. Both inherit text color in your UI.

How is the kit saved?

Your kit (selection, order, and name) is stored in your browser’s localStorage, scoped to this pack only — nothing is uploaded, and it survives page reloads on this device.

Designers who used this pack also liked:

Flow 52 icons