Debug icons

The 20 debug icons in Developer Tools, described

Breakpointbreakpoint

A breakpoint — stop here, pause the program so you can inspect it.

Conditional breakpointbreakpoint-conditional

A conditional breakpoint — stops here, but only if the condition is true.

Logpointbreakpoint-log

A logpoint — a breakpoint that does not stop, it just logs that it was here.

Call stackcall-stack

Frames stacked from widest to narrowest — the call stack a debugger walks.

Deadlockdeadlock

A deadlock — each thread waiting for the other to move, stuck forever.

Debugdebug

Debug — inspect what the code is actually doing with breakpoints, logs and a bug to chase.

Flame graphflame-graph

A flame graph — where the time actually went, stack widths in a profile.

GC pausegc-pause

A GC pause — everything stops while the garbage collector runs, a latency spike.

Heapheap

The heap — where objects are allocated in memory while a program runs.

Heap snapshotheap-snapshot

A heap snapshot — the memory photographed mid-thought to find what is holding on.

Memory leakmemory-leak

A memory leak — memory that is taken and never given back, growing until it hurts.

Profilerprofiler

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

Racerace-detect

A race condition — two writers, one address and no referee, a concurrency bug.

Replayreplay

Replay — run it again from what was recorded, exactly as it happened.

Stack framestack-frame

A stack frame — the one call you are standing in, with its own scope.

Stack tracestack-trace

A stack trace — which call was inside which when the program crashed.

Step intostep-into

Step into — go down into the function call while debugging, line by line.

Step outstep-out

Step out — finish the current call and surface to the caller in the debugger.

Step overstep-over

Step over — move past the call without going through it while debugging.

Watch variablewatch-var

Watch variable — a value kept in sight and tracked while debugging.

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

Narrow it by tag