Layer icons

8 icons carry the tag layer, across Interface, DevOps, AI & LLM, Data Engineering and Weather. Bring to front, Image layer, Layer cache hit and 5 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 8 layer icons, described

Bring to frontbring-front: Bring to front — put this object on top of the others in the stack.
Image layerimage-layer: A box with one layer inside — a single filesystem step the image is built from.
Layer cache hitlayer-cache-hit: A box with a check inside — a layer already built once and reused as is.
Lock layerlayer-lock: Lock layer — this layer cannot be nudged by accident, fixed in place.
Mask layermask-layer: A circle clipping the corner of a square — a layer used as a mask.
ORMorm: An ORM — objects on one side, tables on the other, mapped between.
Ozoneozone: Three rings joined — the layer that shields.
Transformer blocktransformer-block: A transformer block — attention, then the thinking layer, stacked again and again.

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

Tags these icons also carry

attention17 cache18 clip8 fixed5 hit5 lock28 mapping3 mask12 objects8 raise11 step19 uv4

Every layer icon, free to ship

8 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