Badge icons

6 icons carry the tag badge, across Interface, Agents and Security. Agent badge, Badge count, Bell dot and 3 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 6 badge icons, described

Agent badgeagent-unread: An agent with a badge at its shoulder — an agent with something new to show you.
Badge countbadge-count: A card with a small badge at its corner — the unread count on an icon.
Bell dotbell-dot: A bell with a dot inside — an unread notification waiting.
Chat dotchat-dot: A speech bubble with a dot inside — an unread message, a conversation with something new.
Rolerole: A role — what this person or account is here to do, a badge that carries permissions.
User squareuser-square: A person inside a square — an ID card avatar, the badge photo of an account.

In code, each is one import — import { AgentUnread } from "@iconmind/react/icons/agent-unread" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

unread5 new31 notification4 card9 group19 waiting11

Every badge icon, free to ship

6 of 2,437 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.

All tags Install the package Request an icon