Badge icons

11 icons carry the tag badge, across Interface, Social, Agents, DevOps, Education and Security. Achievement, Agent badge, Badge count and 8 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

11 iconsOpen in browser

The 11 badge icons, described

Achievementachievement: The badge you were given.
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.
Build badgebuild-badge: The build brick with a pill in it — the badge a readme shows for the last build.
Chat dotchat-dot: A speech bubble with a dot inside — an unread message, a conversation with something new.
Clubclub: The badge with the member in it.
Rolerole: A role — what this person or account is here to do, a badge that carries permissions.
Skill badgeskill-badge: The badge you get for it.
User squareuser-square: A person inside a square — an ID card avatar, the badge photo of an account.
Verifiedverified-badge: The tick in the scalloped badge.

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

Tags these icons also carry

unread5 new36 notification5 achievement3 avatar4 build30 card43 checked3 club4 earned4 group28 member7

Every badge icon, free to ship

11 of 5,287 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