Attention icons

The 15 attention icons, described

Agent alertagent-alert

An agent with an alert mark beside it — something is wrong with this agent and needs attention.

Chat alertchat-alert

A speech bubble with an exclamation mark inside — a message that needs attention now.

Cloud alertcloud-alert

Cloud alert — something is wrong up in the cloud, an error or a degraded service.

Document alertdocument-alert

Document alert — something is wrong with this file, invalid or needing attention.

Flagged messageflagged-message

A speech bubble with a flag inside — a message flagged for attention.

Focusfocus

Focus — pay attention to this, target one thing and crop out the rest.

Folder alertfolder-alert

Folder alert — something in this folder needs looking at before you go on.

KV cachekv-cache

The KV cache — attention keys and values the model already worked out, reused for speed.

Lost in the middlelost-in-middle

Lost in the middle — the context a model skims past when it sits between the ends.

Mail alertmail-alert

An opened envelope with an alert in its pocket — mail that needs attention.

MCP server alertmcp-server-alert

MCP server alert — something is wrong with this server and it needs attention.

Multi-headmulti-head

Three heads rising from one model core — multi-head attention.

Transformertransformer

A transformer — the attention-based architecture under all modern language models.

Transformer blocktransformer-block

A transformer block — attention, then the thinking layer, stacked again and again.

Warningwarning

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

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

Tags these icons also carry