PIDSTACK

Mechanical link

Pro

sig-mechanical · P&ID · Signal lines · 48×48 grid units

X-101

Five states

  • Running
  • Warning
  • Failure
  • Stopped
  • No data

Four themes

Mechanical link in each theme (rows) and state (columns)
ThemeRunningWarningFailureStoppedNo data
Day
Bright
Dusk
Night

About this symbol

Meaning
mechanical link (long dash, dot)
Convention
ISA 5.1 (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/sig-mechanical.json?api_key=$PIDSTACK_LICENSE_KEY"

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

Use in React
import { SigMechanical } from "@/components/pidstack/sig-mechanical"
import "@/components/pidstack/pidstack.css"

<div data-theme="day">
  <SigMechanical state="running" label="X-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.