Horizontal separator with boot
Proseparator-horizontal · P&ID · Vessels · 72×48 grid units
X-101
Five states
- Running
- Warning
- Failure
- Stopped
- No data
Four themes
| Theme | Running | Warning | Failure | Stopped | No data |
|---|---|---|---|---|---|
| Day | |||||
| Bright | |||||
| Dusk | |||||
| Night |
About this symbol
- Meaning
- horizontal separator
- 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.
npx shadcn@latest add "https://pidstack.com/r/separator-horizontal.json?api_key=$PIDSTACK_LICENSE_KEY"Pro items need a license key from your account. See how keys work.
import { SeparatorHorizontal } from "@/components/pidstack/separator-horizontal"
import "@/components/pidstack/pidstack.css"
<div data-theme="day">
<SeparatorHorizontal 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.