Gauge Add icon
Used to represent moments that need measurement. The Gauge Add icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles on a 20 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
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, 20 px
ic_fluent_gauge_add_20_regular.svg
Gauge Add icon in React
npm install @fluentui/react-icons
import { GaugeAdd20Regular } from "@fluentui/react-icons";
export function Example() {
return <GaugeAdd20Regular aria-label="Gauge Add" />;
}Use the Gauge Add 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 { GaugeAdd20Regular, GaugeAdd20Filled } from "@fluentui/react-icons";
export function Example() {
return <GaugeAdd20Regular aria-label="Gauge Add" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_gauge_add_20_regular.svg" width="20" height="20" alt="Gauge Add"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M10.4 16.99a7 7 0 1 0-7.39-7.4q-.54.28-1 .66L2 10a8 8 0 1 1 7.75 8q.38-.47.66-1.01m2.07-11.93a.5.5 0 0 1-.65.28A5 5 0 0 0 5.1 9.01q-.54.05-1.05.18a6 6 0 0 1 8.13-4.78c.26.1.39.39.29.65M8.67 10q1.09.77 1.72 1.96.48-.1.84-.5.11-.14.27-.38l.38-.63a124 124 0 0 0 2.2-3.82l.12-.2a.5.5 0 0 0-.75-.63l-.18.14L9.3 9.2q-.22.19-.34.33-.2.21-.28.48m6.27-2.48a.5.5 0 0 1 .65.29 6 6 0 0 1-1.35 6.42.5.5 0 1 1-.7-.7 5 5 0 0 0 1.12-5.36.5.5 0 0 1 .28-.65M8 18.24a4.5 4.5 0 1 1-5-7.48 4.5 4.5 0 0 1 5 7.48m-2.15-6.1a.5.5 0 0 0-.85.36V14H3.5a.5.5 0 0 0 0 1H5v1.5a.5.5 0 0 0 1 0V15h1.5a.5.5 0 0 0 0-1H6v-1.5a.5.5 0 0 0-.15-.35"/></svg>Details
| Name | Gauge Add |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 20 px |
| Regular (outlined) file | ic_fluent_gauge_add_20_regular.svg |
| Filled file | ic_fluent_gauge_add_20_filled.svg |
| React (Regular) | GaugeAdd20Regular |
| React (Filled) | GaugeAdd20Filled |
| License | MIT (© Microsoft Corporation) |