Step icons

The 19 step icons, described

Action stepaction-step

An action step — one concrete thing an agent actually does in its loop.

Agent stepagent-step

An agent with a chevron ahead of it — advance an agent by a single step.

Checkout stepcheckout-step

The cart with two points tied together — one step of the checkout, and the next.

Corner down rightcorner-down-right

An arrow that goes down and then turns right — a step down into the next line.

Dancedance

The figure mid-step.

Funnel stepfunnel-step

A funnel step — one stage on the way through a conversion funnel.

Image layerimage-layer

A box with one layer inside — a single filesystem step the image is built from.

Learning ratelearning-rate

The learning rate — how big a step the optimiser takes, often decayed on a schedule.

Lineage nodelineage-node

A lineage node — this table as one step in the chain that produced it.

Parcel leftparcel-left

The parcel on the step.

Pipeline stagepipeline-stage

The pipe with one block in it — a named step the change passes through.

Replay stepreplay-step

A ring with a skip mark in it — one recorded step played again.

Stagestage

A stage — one stop on the way to shipped, a phase or a gate in the pipeline.

Step countstep-count

The shoe with the road behind it.

Step goalstep-goal

The shoe with the flag it is heading for.

Subgoalsubgoal

A subgoal — a smaller target on the way to the big one an agent is chasing.

Subtasksubtask

A subtask — a piece of work nested inside a bigger task an agent or a team is doing.

Task nodetask-node

A task node — one piece of work in a graph, with what comes before and after.

Walkingwalking

The figure upright, one step at a time.

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

Tags these icons also carry