HMI symbol catalog & Symbol Builder — ISA-101 / ISA-5.1 icons

Style preset

Quick palette

Saved configs & share

Save current config locally

No saved configs yet — type a name and click Save.

View as (color blindness)

Simulate color vision deficiency

ISA-101 §6.5 says HMI palette must remain readable for operators with CVD. Toggle to verify your alarm priorities are still distinguishable.

Base size

Width (px)

Height (px)

Text & tags

Tag on top (XA-101…)

Inside label

Colors · states (with WCAG)

HMI background

Outline—

Stopped/Closed

Running (ISA)

Running (green)

No feedback

Transition

Manual/Local

Colors · alarms (with WCAG)

P1 Critical—

P2 High—

P3 Medium—

P4 Low—

Typography

Family

Weight

Label size

Symbol

Stroke width

Green dialect (run/open)

Badge / alarm size

Inside scale (%) — does not affect the 256×256 canvas

Card size

0 visible 0 total

Best on a bigger screen

The Symbol Builder needs a mouse and a wide canvas — open this same link on a laptop or a tablet. Here is what it does:

Shapes, arrows and ISA-5.1 instrument bubbles
The ISA-101 palette in one click, colour only for alarms and states
Transparent PNG and editable SVG for your HMI

See what the Symbol Builder does → Browse published symbols Download icons in PNG or SVG now

Symbol Builder

Start your symbol

Click a shape on the left, drop in a catalog symbol, or start from an example:

Click a shape on the left to add it, or select an element on the canvas to edit it.

Size BG Grid size Grid colour Grid Snap Guides

New elements land on the highlighted layer. Hide a layer to hide everything on it.

HMI symbol catalog & Symbol Builder — ISA-101 / ISA-5.1 icons

Free plan · browse everything, 5 downloads a month