Timing icons

The 6 timing icons, described

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.

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 { BenchmarkCode } from "@iconmind/react/icons/benchmark-code" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry