PIDSTACK
Account

Column with trays

Pro

column-trays · P&ID · Vessels · 48×96 grid units

X-101

Five states

  • Running
  • Warning
  • Failure
  • Stopped
  • No data

Four themes

Column with trays in each theme (rows) and state (columns)
ThemeRunningWarningFailureStoppedNo data
Day
Bright
Dusk
Night

About this symbol

Meaning
distillation column with trays
Convention
ISO 10628 (ISO (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/column-trays.json?api_key=$PIDSTACK_LICENSE_KEY"

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

Use in React
import { ColumnTrays } from "@/components/pidstack/column-trays"
import "@/components/pidstack/pidstack.css"

<div data-theme="day">
  <ColumnTrays 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.

See plansFree starter pack

More in Vessels