How do you install Dot Matrix Icons?

Install Dot Matrix Icons with the command npx agentmag add tool dotmatrix-icons. The CLI writes the React component, CSS, registry, and README into your project so you can use the loaders locally.

What does the Dot Matrix gallery include?

The Dot Matrix gallery includes 72 animated loaders across spinner, progress, ambient, agent, and status categories. Each loader can be previewed, filtered, tinted, paused, and copied as SVG.

Dot Matrix Icons72 loadersMIT base

Dot Matrix Icons for agents, tools, and loading states.

Q: What is Dot Matrix Icons?

Dot Matrix Icons is Agent Mag's gallery of animated 5x5 dot-matrix SVG loaders for AI agents, tools, status states, and product interfaces. Builders can copy raw SVG output or install the React bundle with the Agent Mag CLI.

Dot Matrix Icons is Agent Mag's gallery of animated 5x5 SVG loaders for AI agents, product tools, and status states. Search the set, tune tint and speed, copy SVG instantly, or install the React bundle into your app.

Browse more AI builder tools or pair these loaders with installable agent skills from Agent Mag.

MIT source

What is Dot Matrix Icons?

Dot Matrix Icons is a microsite and installable React UI bundle from Agent Mag that packages 72 animated dot-matrix SVG loaders for AI agent interfaces. The gallery covers spinner, progress, ambient, agent, and status patterns, and each loader can be copied as SVG or installed with the Agent Mag CLI.

Use Dot Matrix Icons when you need compact loading states for agent reasoning, tool calls, retrieval, queues, and completion signals. The install command is npx agentmag add tool dotmatrix-icons, and the bundle writes reusable component files directly into your project.

tint

speed1x

Click a tile to copy SVG, or focus and press c.

Square 1

spinner / orbit

MIT adaptedSVG

Square 2

progress / scan

MIT adaptedSVG

Square 3

ambient / wave

MIT adaptedSVG

Square 4

spinner / ripple

MIT adaptedSVG

Square 5

ambient / spark

MIT adaptedSVG

Square 6

progress / march

MIT adaptedSVG

Square 7

ambient / breathe

MIT adaptedSVG

Square 8

spinner / orbit

MIT adaptedSVG

Square 9

progress / scan

MIT adaptedSVG

Square 10

ambient / wave

MIT adaptedSVG

Square 11

spinner / orbit

MIT adaptedSVG

Square 12

progress / scan

MIT adaptedSVG

Square 13

ambient / wave

MIT adaptedSVG

Square 14

spinner / ripple

MIT adaptedSVG

Square 15

ambient / spark

MIT adaptedSVG

Square 16

progress / march

MIT adaptedSVG

Square 17

ambient / breathe

MIT adaptedSVG

Square 18

spinner / orbit

MIT adaptedSVG

Square 19

progress / scan

MIT adaptedSVG

Square 20

ambient / wave

MIT adaptedSVG

Circular 1

spinner / orbit

MIT adaptedSVG

Circular 2

progress / scan

MIT adaptedSVG

Circular 3

ambient / wave

MIT adaptedSVG

Circular 4

spinner / ripple

MIT adaptedSVG

Circular 5

ambient / spark

MIT adaptedSVG

Circular 6

progress / march

MIT adaptedSVG

Circular 7

ambient / breathe

MIT adaptedSVG

Circular 8

spinner / orbit

MIT adaptedSVG

Circular 9

progress / scan

MIT adaptedSVG

Circular 10

ambient / wave

MIT adaptedSVG

Circular 11

spinner / orbit

MIT adaptedSVG

Circular 12

progress / scan

MIT adaptedSVG

Circular 13

ambient / wave

MIT adaptedSVG

Circular 14

spinner / ripple

MIT adaptedSVG

Circular 15

ambient / spark

MIT adaptedSVG

Circular 16

progress / march

MIT adaptedSVG

Circular 17

ambient / breathe

MIT adaptedSVG

Circular 18

spinner / orbit

MIT adaptedSVG

Circular 19

progress / scan

MIT adaptedSVG

Circular 20

ambient / wave

MIT adaptedSVG

Triangle 1

spinner / orbit

MIT adaptedSVG

Triangle 2

progress / scan

MIT adaptedSVG

Triangle 3

ambient / wave

MIT adaptedSVG

Triangle 4

spinner / ripple

MIT adaptedSVG

Triangle 5

ambient / spark

MIT adaptedSVG

Triangle 6

progress / march

MIT adaptedSVG

Triangle 7

ambient / breathe

MIT adaptedSVG

Triangle 8

spinner / orbit

MIT adaptedSVG

Triangle 9

progress / scan

MIT adaptedSVG

Triangle 10

ambient / wave

MIT adaptedSVG

Triangle 11

spinner / orbit

MIT adaptedSVG

Triangle 12

progress / scan

MIT adaptedSVG

Triangle 13

ambient / wave

MIT adaptedSVG

Triangle 14

spinner / ripple

MIT adaptedSVG

Triangle 15

ambient / spark

MIT adaptedSVG

Triangle 16

progress / march

MIT adaptedSVG

Triangle 17

ambient / breathe

MIT adaptedSVG

Triangle 18

spinner / orbit

MIT adaptedSVG

Triangle 19

progress / scan

MIT adaptedSVG

Triangle 20

ambient / wave

MIT adaptedSVG

Agent Thinking

agent / ripple

Agent MagSVG

Tool Call

agent / scan

Agent MagSVG

Memory Write

agent / march

Agent MagSVG

Retrieval Scan

agent / orbit

Agent MagSVG

Handoff

agent / wave

Agent MagSVG

Multi Agent

agent / spark

Agent MagSVG

Verified

status / hold

Agent MagSVG

Blocked

status / breathe

Agent MagSVG

Queued

status / march

Agent MagSVG

Running

status / scan

Agent MagSVG

Degraded

status / spark

Agent MagSVG

Complete

status / ripple

Agent MagSVG

copied