Code icons

The 28 code icons in Developer Tools, described

Atomicatomic-op

An atomic operation — all of it happens or none of it, indivisible.

Block alertblock-alert

An alert mark held between brackets — a block of code that needs attention.

Bracesbraces

Braces — a code block or a JSON object, the curly brackets of structured syntax.

Classclass

A class — the template other objects are made from, a type with fields and methods.

Closureclosure

A closure — a function that kept a piece of the scope it was born in.

Codecode

Code — source written in a programming language, shown between angle brackets.

Code filefile-code

A code file — source code kept in a file, a script or a module.

Functionfunction-def

A function — a named piece of behaviour you can call with arguments.

GC cyclegc-cycle

A GC cycle — the garbage collector making its rounds and sweeping memory.

Genericgeneric-type

A generic — code that works for whatever type you put in the angle brackets.

Idle blockidle-block

A Z held between brackets — a block of code that never runs, unreached and dormant.

Labelled blocklabelled-block

A label held between brackets — a block of code with a name or a region marker.

Locked blocklocked-block

A padlock held between brackets — a block of code that cannot be edited.

Microtaskmicrotask

A microtask — the little jobs that cut in line ahead of the next event-loop turn.

Code namespacenamespace-code

A code namespace — names that belong together under one scope or prefix.

Nullablenullable

Nullable — there might be nothing in this box, an optional value.

Objectobject

An object — named parts boxed together in braces, a struct or a record.

Refactorrefactor

Refactor — same behaviour, different shape, code restructured and tidied.

Run blockrun-block

A play button held between brackets — run this block of code.

Scoped trendscoped-trend

A rising line held between brackets — a metric measured inside one scope.

Strict modestrict-mode

Strict mode — the walls doubled, stricter rules that catch more mistakes.

Syntaxsyntax

Syntax — the grammar rules the words obey for code to be valid.

Type checktype-check

A letter T with a check beside it — static type checking that passed.

Type errortype-error

A type error — the shape you promised was not the shape you sent.

Type inferencetype-infer

Type inference — the type is unwritten but known anyway, deduced automatically.

Union typeunion-type

A union type — it is this or it is that, either of two types.

Unused exportunused-export

An unused export — offered to everyone and imported by no one, dead code.

Variablevariable

A variable — a name with a value bound to it that can change as code runs.

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

Narrow it by tag