Package icons

The 22 package icons in Developer Tools, described

Barrel filebarrel-file

Several imports feeding into one file — the barrel file that re-exports a folder.

Bundle analyzebundle-analyze

Bundle analyse — a treemap of what is actually taking the space in a bundle.

Bundlerbundler

Several inputs feeding into one box — a bundler that packs modules into one artifact.

Circular dependencycircular-dep

A circular dependency — A needs B and B needs A, imports tied in a knot.

Code splitcode-split

Code split — one bundle broken into chunks you load lazily as needed.

Dependency graphdep-graph

A dependency graph — who imports whom, nodes and edges between modules.

Dependency pindep-pin

A dependency pin — exactly this version, locked and never drifting.

Dependencydependency

A dependency — a package or library this code needs in order to work.

Dotfiledotfile

A page with a single dot on it — the hidden dotfile that configures a tool.

Extensionextension

An extension — a plugin or add-on bolted on to something else to give it more.

Hot reloadhot-reload

Hot reload — the app keeps running while the code changes underneath it.

Installinstall

Install — put a package or an app on the machine and set it up.

Lazy importlazy-import

A lazy import — a module fetched only when somebody finally asks for it.

Lockfilelockfile

A lockfile — the exact versions of every dependency, pinned and resolved.

Lockfilelockfile-tool

A lockfile — exactly these dependency versions, frozen and sworn in writing.

Minifyminify

Minify — the same program in far fewer bytes, compressed for shipping.

Multi-packagemulti-package

Multi-package — many packages in one repository, workspaces linked together.

Packagepackage

A package — a library or module that is built, wrapped and versioned for others to install.

SDKsdk

An SDK — the tools, libraries and docs that come in the box for building on a platform.

Source mapsource-map

A source map — where a compiled line really came from in the original source.

Symlinksymlink

A symlink — a file that is really a pointer to another path on disk.

Version bumpversion-bump

Version bump — one number up in semver, a raised release version.

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

Narrow it by tag