Gauge

Usage

With Web Components

<ss-icon icon="gauge"></ss-icon>

With icon tag

<i class="ss ss-gauge"></i>

With custom stroke width / thickness

<ss-icon icon="gauge" thickness="1.2"></ss-icon>

Node.js

const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['gauge'];
console.log(svg);

Icon Details

Property	Value
Name	Gauge
Slug	gauge
Tags	gauge, performance, speed, capacity, utilization, meter

SVG Path

M4.5 18A1.5 1.5 0 01 3 16.5V15a9 9 0 01 18 0v1.5a1.5 1.5 0 01-1.5 1.5h-15ZM5.5 13.5h1.5M12 8.4v1.5M17 13.5H18.5M12 14.25L15.75 10.5M11.25 14.25a0.75 0.75 0 10 1.5 0a0.75 0.75 0 10-1.5 0Z

Raw SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M4.5 18A1.5 1.5 0 01 3 16.5V15a9 9 0 01 18 0v1.5a1.5 1.5 0 01-1.5 1.5h-15ZM5.5 13.5h1.5M12 8.4v1.5M17 13.5H18.5M12 14.25L15.75 10.5M11.25 14.25a0.75 0.75 0 10 1.5 0a0.75 0.75 0 10-1.5 0Z"></path>
</svg>

---

← Back to Icon Library