gauge icon
gauge from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- gauge
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All gauge icons →More ui icons from Reicon
Use the gauge icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M12 3.667v2.666m6.836.164l-1.887 1.887m4.718 4.949H19M5.164 6.497l5.893 5.894m-8.724.942H5M8.604 4.28A9.6 9.6 0 0 1 12 3.667c5.339 0 9.667 4.328 9.667 9.666a9.64 9.64 0 0 1-2.831 6.836l-1.885-1.885m-9.901-.001l-1.885 1.885a9.64 9.64 0 0 1-2.832-6.836c0-1.195.217-2.34.614-3.396"/><path fill="currentColor" d="M12 15a1.667 1.667 0 1 0-.001-3.334A1.667 1.667 0 0 0 12 15"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconGauge(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M12 3.667v2.666m6.836.164l-1.887 1.887m4.718 4.949H19M5.164 6.497l5.893 5.894m-8.724.942H5M8.604 4.28A9.6 9.6 0 0 1 12 3.667c5.339 0 9.667 4.328 9.667 9.666a9.64 9.64 0 0 1-2.831 6.836l-1.885-1.885m-9.901-.001l-1.885 1.885a9.64 9.64 0 0 1-2.832-6.836c0-1.195.217-2.34.614-3.396"/><path fill="currentColor" d="M12 15a1.667 1.667 0 1 0-.001-3.334A1.667 1.667 0 0 0 12 15"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M12 3.667v2.666m6.836.164l-1.887 1.887m4.718 4.949H19M5.164 6.497l5.893 5.894m-8.724.942H5M8.604 4.28A9.6 9.6 0 0 1 12 3.667c5.339 0 9.667 4.328 9.667 9.666a9.64 9.64 0 0 1-2.831 6.836l-1.885-1.885m-9.901-.001l-1.885 1.885a9.64 9.64 0 0 1-2.832-6.836c0-1.195.217-2.34.614-3.396"/><path fill="currentColor" d="M12 15a1.667 1.667 0 1 0-.001-3.334A1.667 1.667 0 0 0 12 15"/></g></svg> </template>
CSS
.icon-gauge {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%203.667v2.666m6.836.164l-1.887%201.887m4.718%204.949H19M5.164%206.497l5.893%205.894m-8.724.942H5M8.604%204.28A9.6%209.6%200%200%201%2012%203.667c5.339%200%209.667%204.328%209.667%209.666a9.64%209.64%200%200%201-2.831%206.836l-1.885-1.885m-9.901-.001l-1.885%201.885a9.64%209.64%200%200%201-2.832-6.836c0-1.195.217-2.34.614-3.396%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2015a1.667%201.667%200%201%200-.001-3.334A1.667%201.667%200%200%200%2012%2015%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%203.667v2.666m6.836.164l-1.887%201.887m4.718%204.949H19M5.164%206.497l5.893%205.894m-8.724.942H5M8.604%204.28A9.6%209.6%200%200%201%2012%203.667c5.339%200%209.667%204.328%209.667%209.666a9.64%209.64%200%200%201-2.831%206.836l-1.885-1.885m-9.901-.001l-1.885%201.885a9.64%209.64%200%200%201-2.832-6.836c0-1.195.217-2.34.614-3.396%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2015a1.667%201.667%200%201%200-.001-3.334A1.667%201.667%200%200%200%2012%2015%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/gauge.svg?color=%231a73e8&size=48
