Pattern icons

5 icons carry the tag pattern, across Developer Tools, Automation, Education and MCP. Arrange, act, assert, Given, when, then, MCP resource template and 2 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 5 pattern icons, described

Arrange, act, assertarrange-act-assert: A clipboard with three lines — set it up, do the thing, check the result.
Given, when, thengiven-when-then: A clipboard with a staircase on it — a test told as a story, step by step.
MCP resource templatemcp-resource-template: An MCP resource template — a URI pattern with a placeholder to fill in.
Rhythmrhythm: The beats, long and short.
Workflow templateworkflow-template: A workflow template — a starter flow with the blanks still in it.

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

Tags these icons also carry

test65 beat4 blank4 placeholder8 structure8

Every pattern icon, free to ship

5 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