Progress icons

7 icons carry the tag progress, across Agents, Analytics, Developer Tools, Education, Interface, MCP and Security. Goal milestone, Goal progress, Loading and 4 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

7 iconsOpen in browser

The 7 progress icons, described

Goal milestonegoal-milestone: A goal milestone — the flag planted partway to the target to mark progress.
Goal progressgoal-progress: A target beside a rising line — progress climbing steadily toward a goal.
Loadingloading: Loading — a spinner that shows the app is working on it and the result is on its way.
Progress tokenmcp-progress-token: The rack with a bar in it — the token a long request reports its progress against.
How far inread-progress: The bar filling as you read.
Shield ellipsisshield-ellipsis: A shield with three dots on it — protection in progress, a check still running.
Test runtest-run: A test run — the suite is going, tests in progress with results coming in.

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

Tags these icons also carry

bar13 flag26 goal31 pending11 request16 running7 suite4 target27 token29 trend27 wait13

Every progress icon, free to ship

7 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