Tools/Dot Matrix Icons
Back to all tools
Agent Mag tool72 loadersUI & Design

Dot Matrix Icons

Agent Mag's installable 5x5 animated SVG loader set for agent states, tool calls, queues, retrieval, and product UI.

Open source

The set

72 visible / 72 total

tint
speed1x

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

01

Pulse Rings

icon-01

spinner

Concentric dots that breathe from the center outward.

SVG
02

Corner Orbit

icon-02

spinner

A square perimeter loader that runs around the corners.

SVG
03

Spiral In

icon-03

spinner

A compact inward spiral for small loading slots.

SVG
04

Half Moon

icon-04

spinner

A crescent spinner with uneven weight and quiet motion.

SVG
05

Pinwheel

icon-05

spinner

Four directional arms rotating around a fixed center.

SVG
06

Radar Sweep

icon-06

spinner

A sweep line crossing a circular dot field.

SVG
07

Cross Expand

icon-07

spinner

A cross-shaped loader that expands through the center.

SVG
08

Diamond Loop

icon-08

spinner

Diamond perimeter dots with a soft chasing cadence.

SVG
09

Box Breathe

icon-09

spinner

A calm square loader for neutral app surfaces.

SVG
10

Inner Ring

icon-10

spinner

A tiny center ring for dense tables and compact buttons.

SVG
11

Satellite

icon-11

spinner

A center anchor with satellites pulsing around it.

SVG
12

Compass

icon-12

spinner

North-south-east-west points that alternate through center.

SVG
13

Coil

icon-13

spinner

An offset coil that feels mechanical without being loud.

SVG
14

Aperture

icon-14

spinner

A shutter-like spinner for capture and generation flows.

SVG
15

Four Beat

icon-15

spinner

Four corners pulsing in a predictable loading rhythm.

SVG
16

Hourglass

icon-16

spinner

A narrowing loop for wait states and queued tasks.

SVG
17

Offset Ring

icon-17

spinner

A slightly asymmetric spinner with more product character.

SVG
18

Loading Core

icon-18

spinner

A bright center core with a quiet rotating shell.

SVG
19

Split Orbit

icon-19

spinner

Two arcs chasing each other across the matrix.

SVG
20

Soft Spinner

icon-20

spinner

A low-contrast spinner for backgrounds and placeholders.

SVG
21

Column Scan

icon-21

progress

Vertical columns scanning left to right.

SVG
22

Row Scan

icon-22

progress

A horizontal progress rail for inline loading.

SVG
23

Loading Bars

icon-23

progress

Five uneven bars for classic progress feedback.

SVG
24

Meter Fill

icon-24

progress

A left-to-right meter suitable for generation progress.

SVG
25

Diagonal Scan

icon-25

progress

A diagonal sweep for search, indexing, and parsing.

SVG
26

Reverse Diagonal

icon-26

progress

The mirror scan for paired progress states.

SVG
27

Pipeline

icon-27

progress

A multi-lane pipeline for job queues and CI steps.

SVG
28

Stair Step

icon-28

progress

Stepped progress climbing across the matrix.

SVG
29

Download

icon-29

progress

A downward signal for fetching and importing.

SVG
30

Upload

icon-30

progress

An upward signal for uploads and publishing.

SVG
31

Sync Lanes

icon-31

progress

Two mirrored lanes for sync and replication.

SVG
32

Stream

icon-32

progress

A streaming trace for tokens and incremental output.

SVG
33

Chunking

icon-33

progress

Block chunks marching through ingestion work.

SVG
34

Token Flow

icon-34

progress

A fine-grain flow for LLM response generation.

SVG
35

Build Step

icon-35

progress

Layered progress for builds, installs, and compiles.

SVG
36

Indexing

icon-36

progress

A comb-like loader for indexing and vectorization.

SVG
37

Merge

icon-37

progress

Two paths converging into a central lane.

SVG
38

Branch

icon-38

progress

A central lane branching into two outputs.

SVG
39

Queue Rail

icon-39

progress

A rail of queued work advancing one cell at a time.

SVG
40

Check Run

icon-40

progress

A progressive checkmark for validation pipelines.

SVG
41

Sparkle

icon-41

ambient

Sparse points that twinkle for ambient waiting states.

SVG
42

Rain

icon-42

ambient

Vertical drops falling through the dot field.

SVG
43

Heartbeat

icon-43

ambient

A low pulse for live and listening states.

SVG
44

Constellation

icon-44

ambient

A scattered constellation for idle agent surfaces.

SVG
45

Noise Field

icon-45

ambient

A controlled static field for background processing.

SVG
46

Breathing Grid

icon-46

ambient

A full matrix that quietly inhales and exhales.

SVG
47

Soft Wave

icon-47

ambient

A calm wave across the middle of the matrix.

SVG
48

Glow Core

icon-48

ambient

A center glow for thinking and background work.

SVG
49

Signal Field

icon-49

ambient

A broadcast field for network or connection states.

SVG
50

Mesh

icon-50

ambient

A balanced mesh for multi-node coordination.

SVG
51

Nebula

icon-51

ambient

An irregular cloud for generative waiting states.

SVG
52

Scan Dust

icon-52

ambient

Dust-like dots caught in a scanning beam.

SVG
53

Typing

icon-53

ambient

A three-beat typing indicator in matrix form.

SVG
54

Listening

icon-54

ambient

A centered listening pulse for voice and chat agents.

SVG
55

Idle

icon-55

ambient

A subtle idle shimmer with only a few active dots.

SVG
56

Wake

icon-56

ambient

A small wake pattern for activation moments.

SVG
57

Focus

icon-57

ambient

A target-like field for focus and inspect modes.

SVG
58

Low Power

icon-58

ambient

A dimmed pattern for background or suspended work.

SVG
59

Pulse Line

icon-59

ambient

An ambient pulse traveling along a single rail.

SVG
60

Star Map

icon-60

ambient

A readable star map for quiet decorative loading.

SVG
61

Agent Thinking

icon-61

agent

A quiet reasoning shimmer for agent planning states.

SVG
62

Tool Call

icon-62

agent

A bracketed handoff pulse for external tool execution.

SVG
63

Memory Write

icon-63

agent

Stacked lanes for durable memory writes and recall.

SVG
64

Retrieval Scan

icon-64

agent

A crosshair scan for search, RAG, and retrieval work.

SVG
65

Handoff

icon-65

agent

Two rails passing control between agents.

SVG
66

Multi Agent

icon-66

agent

Distributed nodes coordinating in a compact mesh.

SVG
67

Verified

icon-67

status

A steady checkmark for trusted and verified states.

SVG
68

Blocked

icon-68

status

A hard stop marker for blocked runs and failed gates.

SVG
69

Queued

icon-69

status

A calm queue indicator for pending work.

SVG
70

Running

icon-70

status

A directional runner for active jobs and streaming.

SVG
71

Degraded

icon-71

status

A broken signal for partial outages and warnings.

SVG
72

Complete

icon-72

status

A filled completion mark for finished agent runs.

SVG
copied

Related on Agent Mag