Level icons

22 icons carry the tag level, across Interface, DevOps, Analytics, Commerce, Data Engineering, Health, Weather, Agents, MCP, Security, Social and Travel. Agent rank, Battery, Brightness and 19 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

22 iconsOpen in browser

The 22 level icons, described

Agent rankagent-rank: Agent rank — where an agent stands among the others, its grade or level.
Batterybattery: Battery — how much charge is left, the power level of a device.
Brightnessbrightness: Brightness — more light on the picture, the level of a display.
Charge levelcharge-level: A battery filled part of the way, with its terminal.
Faderfader: A fader — slide it to where it sounds right, a level in a mix.
Gaugegauge: A gauge — where the needle is right now on a dial or a meter.
Graingrain-table: The grain — what one row of the table means, decided before anything is loaded.
Hydrationhydration-track: The bottle with the level in it.
Incident severityincident-severity: The incident machine with an exclamation mark — how bad this one is.
Isolation levelisolation-level: Isolation level — how much of one transaction another is allowed to see.
Layerlayer: A layer — one sheet of a stack, a level in a network or a design.
Level uplevel-up: The bar and the arrow off it.
Log levellog-level: A receipt with three lines that step up in length — debug, info, warn, error.
MCP versionmcp-version: MCP version — the protocol level both sides negotiate and agree to speak.
Reorder pointreorder-point: The basket with a line low in it and a chevron falling to it — the level at which more is ordered.
River levelriver-level: The water between the banks, with the level marked.
Sea levelsea-level: The water rising up the marker.
Shield upgradeshield-upgrade: A shield, a double chevron rising inside — protection raised to a higher level.
SLSA levelslsa: A shield with three levels inside — how much of the supply chain a build can vouch for.
Stress levelstress-level: The meter filling across.
Thresholdthreshold: A threshold — the line a value must not cross before something happens.
Tiered rewardtiered-reward: The rosette with three bars rising — the higher the tier, the more it gives.

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

Tags these icons also carry

charge4 meter11 severity8 amount5 battery3 breach5 concurrent6 dial12 drink5 gauge6 grade7 incident35

Every level icon, free to ship

22 of 5,287 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.

All tags Install the package Request an icon