Gauge Rotate 0 icon

The Gauge Rotate 0 icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 6 sizes from 16 to 48 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_gauge_rotate_0_24_regular.svg

Gauge Rotate 0 icon in React

npm install @fluentui/react-icons

import { GaugeRotate024Regular } from "@fluentui/react-icons";

export function Example() {
  return <GaugeRotate024Regular aria-label="Gauge Rotate 0" />;
}

Gauge Rotate 0 icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/gauge_rotate_0_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/gauge_rotate_0_24_regular.svg" width="24" height="24" alt="Gauge Rotate 0">

Gauge Rotate 0 icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.GaugeRotate0())" />

Gauge Rotate 0 icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xF0C80;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xF0C80;" FontSize="24" />

Gauge Rotate 0 icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_gauge_rotate_0_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\f0c80";
  font-size: 24px;
}

Gauge Rotate 0 icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_gauge_rotate_0_24_regular" />

// Kotlin
R.drawable.ic_fluent_gauge_rotate_0_24_regular

Gauge Rotate 0 icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .gaugeRotate024Regular)

Gauge Rotate 0 icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Gauge Rotate 0 icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { GaugeRotate024Regular, GaugeRotate024Filled } from "@fluentui/react-icons";

export function Example() {
  return <GaugeRotate024Regular aria-label="Gauge Rotate 0" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_gauge_rotate_0_24_regular.svg" width="24" height="24" alt="Gauge Rotate 0">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM11.3105 5.45801C11.554 4.84863 12.446 4.84863 12.6895 5.45801L12.7314 5.59863C13.1233 7.52207 13.5315 9.44467 13.8564 11.3809C13.9386 11.8702 14 12.2913 14 12.4971C14 13.6016 13.1046 14.4971 12 14.4971C10.8954 14.4971 10 13.6016 10 12.4971C10 12.2913 10.0614 11.8702 10.1436 11.3809C10.4009 9.84701 10.9502 7.14198 11.2686 5.59863L11.3105 5.45801Z" fill="currentColor"/></svg>

Details

NameGauge Rotate 0
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px, 28 px, 32 px, 48 px
Regular (outlined) fileic_fluent_gauge_rotate_0_24_regular.svg
Filled fileic_fluent_gauge_rotate_0_24_filled.svg
React (Regular)GaugeRotate016Regular, GaugeRotate020Regular, GaugeRotate024Regular, GaugeRotate028Regular, GaugeRotate032Regular, GaugeRotate048Regular
React (Filled)GaugeRotate016Filled, GaugeRotate020Filled, GaugeRotate024Filled, GaugeRotate028Filled, GaugeRotate032Filled, GaugeRotate048Filled
LicenseMIT (© Microsoft Corporation)

Related icons