Timing icons

The 8 timing icons, described

Accrualaccrual

A sheet with a coin on it — money counted when it is earned, not when it lands.

Benchmarkbenchmark-code

A code benchmark — how fast it runs, measured fairly and compared.

Profilerprofiler

A profiler — shows where the time actually went, the hot paths of a program.

Spanspan-tool

A span — how long each piece of a request actually took, one bar in a trace waterfall.

Spanspan-trace

A span — one timed piece of work inside a distributed trace across services.

Timing attacktiming-attack

An open lock with a clock in it — a secret read from how long a check takes.

Tracetrace

A trace — one request followed through every service it touched, span by span.

Trace spantrace-span

A trace span — the bar showing how much of the time this call took.

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

Tags these icons also carry