Depth icons

6 icons carry the tag depth, across Agents, AI & LLM, Education, Interface, RAG & Search and Security. Depth limit, Defence in depth, Depth map and 3 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 6 depth icons, described

Depth limitagent-depth-limit: The agent ring with an arrow dropping onto a floor — how many agents deep a delegation may go.
Defence in depthdefence-in-depth: A shield with a shield inside it — more than one layer between the attacker and the data.
Depth mapdepth-map: The photo frame with lines that widen as they come nearer — how far away each part is.
Drop shadowdrop-shadow: A square with its shadow offset behind it — the drop shadow effect.
Perspectiveperspective-drawing: The lines running to one point.
Retrieval depthretrieval-depth: The lattice with an arrow going down — how far down the ranking the search reads.

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

Tags these icons also carry

3d9 defence23 image29 layers13 limit43 run63 search48 shadow3

Every depth icon, free to ship

6 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