Achievement icons

3 icons carry the tag achievement, across Commerce and Social. Achievement, Badge unlock and Milestone reward — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

3 iconsOpen in browser

Commerce

2open →

badge-unlock milestone-rewardachievement

The 3 achievement icons, described

Achievementachievement: The badge you were given.
Badge unlockbadge-unlock: The rosette with a keyhole on it — a badge earned and opened.
Milestone rewardmilestone-reward: The rosette with a pin on it — a reward for reaching a mark on the way.

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

badge11 earned4 goal31 milestone10 unlock8

Every achievement icon, free to ship

3 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