speedometer icon

speedometer-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: speedometer-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

speedometerBootstrap Icons speedometerFramework7 Icons speedometerMaterial Line Icons speedometerMaterial Design Icons speedometerPhosphor

Use the speedometer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 48C123.46 48 16 156.55 16 290.56a243.3 243.3 0 0 0 60.32 160.87c1.18 1.3 2.25 2.6 3.43 3.79C89.2 464 92.07 464 99.57 464s12.43 0 19.93-8.88C152 416.64 202 400 256 400s104.07 16.71 136.5 55.12C400 464 404.82 464 412.43 464s11.3 0 19.82-8.78c1.22-1.25 2.25-2.49 3.43-3.79A243.3 243.3 0 0 0 496 290.56C496 156.55 388.54 48 256 48m-16 64h32v64h-32Zm-96 192H80v-32h64Zm21.49-83.88l-45.25-45.26l22.62-22.62l45.26 45.25ZM278.6 307.4a31 31 0 0 1-7 7a30.11 30.11 0 0 1-35-49L320 224Zm45.28-109.91l45.26-45.25l22.62 22.62l-45.25 45.26ZM432 304h-64v-32h64Z"/></svg>

React

import type { SVGProps } from "react";

export function IonSpeedometerSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 48C123.46 48 16 156.55 16 290.56a243.3 243.3 0 0 0 60.32 160.87c1.18 1.3 2.25 2.6 3.43 3.79C89.2 464 92.07 464 99.57 464s12.43 0 19.93-8.88C152 416.64 202 400 256 400s104.07 16.71 136.5 55.12C400 464 404.82 464 412.43 464s11.3 0 19.82-8.78c1.22-1.25 2.25-2.49 3.43-3.79A243.3 243.3 0 0 0 496 290.56C496 156.55 388.54 48 256 48m-16 64h32v64h-32Zm-96 192H80v-32h64Zm21.49-83.88l-45.25-45.26l22.62-22.62l45.26 45.25ZM278.6 307.4a31 31 0 0 1-7 7a30.11 30.11 0 0 1-35-49L320 224Zm45.28-109.91l45.26-45.25l22.62 22.62l-45.25 45.26ZM432 304h-64v-32h64Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 48C123.46 48 16 156.55 16 290.56a243.3 243.3 0 0 0 60.32 160.87c1.18 1.3 2.25 2.6 3.43 3.79C89.2 464 92.07 464 99.57 464s12.43 0 19.93-8.88C152 416.64 202 400 256 400s104.07 16.71 136.5 55.12C400 464 404.82 464 412.43 464s11.3 0 19.82-8.78c1.22-1.25 2.25-2.49 3.43-3.79A243.3 243.3 0 0 0 496 290.56C496 156.55 388.54 48 256 48m-16 64h32v64h-32Zm-96 192H80v-32h64Zm21.49-83.88l-45.25-45.26l22.62-22.62l45.26 45.25ZM278.6 307.4a31 31 0 0 1-7 7a30.11 30.11 0 0 1-35-49L320 224Zm45.28-109.91l45.26-45.25l22.62 22.62l-45.25 45.26ZM432 304h-64v-32h64Z"/></svg>
</template>

CSS

.icon-speedometer-sharp {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2048C123.46%2048%2016%20156.55%2016%20290.56a243.3%20243.3%200%200%200%2060.32%20160.87c1.18%201.3%202.25%202.6%203.43%203.79C89.2%20464%2092.07%20464%2099.57%20464s12.43%200%2019.93-8.88C152%20416.64%20202%20400%20256%20400s104.07%2016.71%20136.5%2055.12C400%20464%20404.82%20464%20412.43%20464s11.3%200%2019.82-8.78c1.22-1.25%202.25-2.49%203.43-3.79A243.3%20243.3%200%200%200%20496%20290.56C496%20156.55%20388.54%2048%20256%2048m-16%2064h32v64h-32Zm-96%20192H80v-32h64Zm21.49-83.88l-45.25-45.26l22.62-22.62l45.26%2045.25ZM278.6%20307.4a31%2031%200%200%201-7%207a30.11%2030.11%200%200%201-35-49L320%20224Zm45.28-109.91l45.26-45.25l22.62%2022.62l-45.25%2045.26ZM432%20304h-64v-32h64Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2048C123.46%2048%2016%20156.55%2016%20290.56a243.3%20243.3%200%200%200%2060.32%20160.87c1.18%201.3%202.25%202.6%203.43%203.79C89.2%20464%2092.07%20464%2099.57%20464s12.43%200%2019.93-8.88C152%20416.64%20202%20400%20256%20400s104.07%2016.71%20136.5%2055.12C400%20464%20404.82%20464%20412.43%20464s11.3%200%2019.82-8.78c1.22-1.25%202.25-2.49%203.43-3.79A243.3%20243.3%200%200%200%20496%20290.56C496%20156.55%20388.54%2048%20256%2048m-16%2064h32v64h-32Zm-96%20192H80v-32h64Zm21.49-83.88l-45.25-45.26l22.62-22.62l45.26%2045.25ZM278.6%20307.4a31%2031%200%200%201-7%207a30.11%2030.11%200%200%201-35-49L320%20224Zm45.28-109.91l45.26-45.25l22.62%2022.62l-45.25%2045.26ZM432%20304h-64v-32h64Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/speedometer-sharp.svg?color=%231a73e8&size=48