Gauge icon

gauge

A gauge with a needle, for speed, performance, dashboards and usage levels.

Missing from Heroicons, where it was requested with 14 votes in #816 and #897 and #1364 .

Component: GaugeIcon
Intended size: 24×24 px, 1.5 px stroke
Iconset: Sidekickicons
Keywords: speedometer, speed, performance, dashboard, meter, dial, usage, level, metrics

Outline 24×24 px, 1.5 px stroke Solid 24×24 px, solid fill Mini 20×20 px, solid fill Micro 16×16 px, solid fill

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5.636 19.114a9 9 0 1 1 12.728 0M10.5 12.75a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0Zm2.56-1.06 3.44-3.44" />
</svg>

Download

Gauge icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Fast Fast

Badges · Micro

History

2 November 2026

Added in Sidekickicons 0.20.0 .

Related icons

bolt bolt-slash home rocket-launch