gauge rotate 315 icon

gauge-rotate-315-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.

Name: gauge-rotate-315-48-regular
Set: Fluent UI System Icons
Style: 48 Regular
Viewbox: 48×48
License: MIT

11 other variants in Fluent UI System Icons

gauge-rotate-315-16-filled gauge-rotate-315-16-regular gauge-rotate-315-20-filled gauge-rotate-315-20-regular gauge-rotate-315-24-filled gauge-rotate-315-24-regular gauge-rotate-315-28-filled gauge-rotate-315-28-regular gauge-rotate-315-32-filled gauge-rotate-315-32-regular gauge-rotate-315-48-filled

Related icons in Fluent UI System Icons

gauge-add-20-filled gauge-rotate-0-16-filled

Use the gauge rotate 315 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M25.328 4.044C35.755 4.728 44 13.4 44 24c0 11.046-8.954 20-20 20S4 35.046 4 24a19.95 19.95 0 0 1 6.395-14.66a1.25 1.25 0 0 1 1.7 1.833A17.45 17.45 0 0 0 6.5 24c0 9.665 7.835 17.5 17.5 17.5S41.5 33.665 41.5 24c0-9.273-7.215-16.863-16.336-17.462a1.25 1.25 0 0 1 .164-2.494M13.776 16.117c-.772-1.489.854-3.114 2.343-2.342l.149.086c3.372 2.149 6.768 4.271 10.052 6.553c.842.585 1.586 1.127 1.923 1.464a4.5 4.5 0 1 1-6.363 6.363c-.337-.337-.879-1.08-1.464-1.923c-1.852-2.665-4.894-7.433-6.553-10.052z"/></svg>

React

import type { SVGProps } from "react";

export function FluentGaugeRotate31548Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M25.328 4.044C35.755 4.728 44 13.4 44 24c0 11.046-8.954 20-20 20S4 35.046 4 24a19.95 19.95 0 0 1 6.395-14.66a1.25 1.25 0 0 1 1.7 1.833A17.45 17.45 0 0 0 6.5 24c0 9.665 7.835 17.5 17.5 17.5S41.5 33.665 41.5 24c0-9.273-7.215-16.863-16.336-17.462a1.25 1.25 0 0 1 .164-2.494M13.776 16.117c-.772-1.489.854-3.114 2.343-2.342l.149.086c3.372 2.149 6.768 4.271 10.052 6.553c.842.585 1.586 1.127 1.923 1.464a4.5 4.5 0 1 1-6.363 6.363c-.337-.337-.879-1.08-1.464-1.923c-1.852-2.665-4.894-7.433-6.553-10.052z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M25.328 4.044C35.755 4.728 44 13.4 44 24c0 11.046-8.954 20-20 20S4 35.046 4 24a19.95 19.95 0 0 1 6.395-14.66a1.25 1.25 0 0 1 1.7 1.833A17.45 17.45 0 0 0 6.5 24c0 9.665 7.835 17.5 17.5 17.5S41.5 33.665 41.5 24c0-9.273-7.215-16.863-16.336-17.462a1.25 1.25 0 0 1 .164-2.494M13.776 16.117c-.772-1.489.854-3.114 2.343-2.342l.149.086c3.372 2.149 6.768 4.271 10.052 6.553c.842.585 1.586 1.127 1.923 1.464a4.5 4.5 0 1 1-6.363 6.363c-.337-.337-.879-1.08-1.464-1.923c-1.852-2.665-4.894-7.433-6.553-10.052z"/></svg>
</template>

CSS

.icon-gauge-rotate-315-48-regular {
  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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.328%204.044C35.755%204.728%2044%2013.4%2044%2024c0%2011.046-8.954%2020-20%2020S4%2035.046%204%2024a19.95%2019.95%200%200%201%206.395-14.66a1.25%201.25%200%200%201%201.7%201.833A17.45%2017.45%200%200%200%206.5%2024c0%209.665%207.835%2017.5%2017.5%2017.5S41.5%2033.665%2041.5%2024c0-9.273-7.215-16.863-16.336-17.462a1.25%201.25%200%200%201%20.164-2.494M13.776%2016.117c-.772-1.489.854-3.114%202.343-2.342l.149.086c3.372%202.149%206.768%204.271%2010.052%206.553c.842.585%201.586%201.127%201.923%201.464a4.5%204.5%200%201%201-6.363%206.363c-.337-.337-.879-1.08-1.464-1.923c-1.852-2.665-4.894-7.433-6.553-10.052z%22%2F%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.328%204.044C35.755%204.728%2044%2013.4%2044%2024c0%2011.046-8.954%2020-20%2020S4%2035.046%204%2024a19.95%2019.95%200%200%201%206.395-14.66a1.25%201.25%200%200%201%201.7%201.833A17.45%2017.45%200%200%200%206.5%2024c0%209.665%207.835%2017.5%2017.5%2017.5S41.5%2033.665%2041.5%2024c0-9.273-7.215-16.863-16.336-17.462a1.25%201.25%200%200%201%20.164-2.494M13.776%2016.117c-.772-1.489.854-3.114%202.343-2.342l.149.086c3.372%202.149%206.768%204.271%2010.052%206.553c.842.585%201.586%201.127%201.923%201.464a4.5%204.5%200%201%201-6.363%206.363c-.337-.337-.879-1.08-1.464-1.923c-1.852-2.665-4.894-7.433-6.553-10.052z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/gauge-rotate-315-48-regular.svg?color=%231a73e8&size=48