State icons

The 28 state icons in Interface, described

Badge countbadge-count

A card with a small badge at its corner — the unread count on an icon.

Bannerbanner

A pill across the head of a screen — a banner announcement or warning.

Dismiss bannerbanner-dismiss

Dismiss banner — understood, now close the notice bar and get it out of the way.

Batterybattery

Battery — how much charge is left, the power level of a device.

Battery chargingbattery-charging

A battery with a bolt through it — power going in, charging now.

Checkcheck

A check mark meaning it worked — success, done, confirmed or passed.

Done alldone-all

Two check marks side by side — everything done, read or completed.

Errorerror

An error — it failed, something is broken and has stopped working.

Eye offeye-off

Eye off — hidden from view, invisible, private or not being watched.

Frownfrown

A frown — it did not go well, an unhappy face for negative feedback.

Haptichaptic

A phone with vibration waves on both sides — haptic feedback and vibration alerts.

Helphelp

Help — how does this work? Support, documentation and answers.

Infoinfo

Info — something worth knowing, a detail or a note about this.

Inline alertinline-alert

An inline alert — a warning that sits inside the flow of the page.

Loadingloading

Loading — a spinner that shows the app is working on it and the result is on its way.

Locked controllock-ui

A locked control — you can see it but not change it, disabled or read-only.

Moonmoon

Moon — night, sleep or the dark theme of an app when the lights go down.

No resultsno-results

A magnifying glass with an X beside it — a search that found nothing.

Powerpower

Power — turn it on or off, the switch that starts and stops a system.

Smilesmile

A smile — it went well, a happy face for positive feedback from the user.

Snackbarsnackbar

A pill resting at the foot of a screen — a snackbar message with an action.

Successsuccess

Success — it worked, done and green, the outcome you wanted to see.

Sunsun

Sun — light, daytime or the light theme of an app with bright surfaces.

Toast stacktoast-stack

Two notification toasts stacked and offset — a queue of transient messages.

Wavy underlineunderline-wavy

Text with a wavy line beneath it — the squiggle that marks a spelling or lint problem.

Viewview

View — just looking, open something read-only without changing it.

Warningwarning

A warning triangle — something needs a look before you continue, a caution or an alert.

Wi-Fiwifi

Wi-Fi — connected wirelessly, the signal strength of a network.

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

Narrow it by tag