Icons

Set a node's icon to one of the keys below. Every card is rendered from the engine's own icon registry, so this page always matches the version you're running — nothing is hand-listed. A key falls back to the node kind's default icon when it isn't recognised, so a typo never drops the glyph.

Many keys are aliases that share a glyph; each card shows its primary key, with the aliases listed beneath. The glyph is drawn exactly as it appears in a node's accent-tinted icon chip.

Loading icons…

Custom SVG

For anything outside this set, pass raw inline <svg>…</svg> markup as the icon value instead of a key. Use fill="currentColor" or stroke="currentColor" and a 0 0 24 24 viewBox so the glyph inherits the node's accent and theme.

yaml

meta: { title: Custom icon, direction: LR, animate: false }
nodes:
  - { id: svc, title: Service, kind: service }
  - { id: gem, title: Custom, accent: info, icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h12l3 6-9 12L3 9z"/><path d="M3 9h18M9 3 7 9l5 12M15 3l2 6-5 12"/></svg>' }
edges:
  - { from: svc, to: gem, label: any glyph }

See node icon in the schema for where the key slots in, and the node guide for choosing icons in context.