ATSvg

Notification icons SVG — bell, envelope, chat and unread badge

Search term: 通知、铃铛、消息、邮件、聊天、未读 — every asset is free to download as SVG or convert to PNG

Home › Browse by use case › Notifications & messaging

A bell means system push, an envelope means email, and a speech bubble means conversation. These three usually coexist in one product, and mixing them up leaves users unable to tell where a message actually came from.

Where to use it

Picking and recolouring

Don't build a colour block into the icon itself — a red unread badge placed on top will smear into it. Leave clearance for the badge so that “99+” never overlaps the main shape.

This page picks 48 assets by theme from the library. Each one opens a detail page where you can download the SVG, copy the markup, or export a PNG. Licence and source are stated on each asset page.

Search “notification” on the site → · All 场景s → · Browse by library →

Notification icons SVG — bell, envelope, chat and unread badge · 48 assets

Related use cases and collections