PIDSTACK
Account

Horizontal tank level, with percent readout

Pro

gauge-tank-horizontal-digital · Gauges · Level and tank gauges · 96×48 grid units

XI-101

Five states

  • Running
  • Warning
  • Failure
  • Stopped
  • No data

Four themes

Horizontal tank level, with percent readout in each theme (rows) and state (columns)
ThemeRunningWarningFailureStoppedNo data
Day
Bright
Dusk
Night

About this symbol

Meaning
tank level indicator
Convention
ISA-101 / IEC 61924 style indicator (ISA (opens in a new tab), IEC (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/gauge-tank-horizontal-digital.json?api_key=$PIDSTACK_LICENSE_KEY"

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

Use in React
import { GaugeTankHorizontalDigital } from "@/components/pidstack/gauge-tank-horizontal-digital"
import "@/components/pidstack/pidstack.css"

<div data-theme="day">
  <GaugeTankHorizontalDigital state="running" label="XI-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 Level and tank gauges