PIDSTACK

Priority 4 (low)

Pro

hmi-prio-4 · Automation · Alarm priority · 48×48 grid units

A-101

Five states

  • Running
  • Warning
  • Failure
  • Stopped
  • No data

Four themes

Priority 4 (low) in each theme (rows) and state (columns)
ThemeRunningWarningFailureStoppedNo data
Day
Bright
Dusk
Night

About this symbol

Meaning
alarm priority 4, square
Convention
ISA-101 HMI (ISA (opens in a new tab))
Tags
Access
Pro: preview is open; code and files come with Pro or Lifetime.

Drawn from scratch. The convention names the meaning the symbol stands for; no standard text or figure is reproduced.

Install with the shadcn CLI
npx shadcn@latest add "https://pidstack.com/r/hmi-prio-4.json?api_key=$PIDSTACK_LICENSE_KEY"

Pro items need a license key from your account. See how keys work.

Use in React
import { HmiPrio4 } from "@/components/pidstack/hmi-prio-4"
import "@/components/pidstack/pidstack.css"

<div data-theme="day">
  <HmiPrio4 state="running" label="A-101" size="medium" />
</div>

SVG file and component code are in Pro

The full library ships as typed React components, plain SVG files and a JSON manifest, through the registry, the MCP server and a ZIP download.