speedometer icon

speedometer-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: speedometer-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

speedometer speedometer-bold speedometer-duotone speedometer-fill speedometer-thin

The same icon in other sets

speedometerBootstrap Icons speedometerFramework7 Icons speedometerIonIcons speedometerMaterial Line Icons speedometerMaterial Design Icons

Use the speedometer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m115.76 155.76l96-96a6 6 0 0 1 8.48 8.48l-96 96a6 6 0 0 1-8.48-8.48M128 86a65.9 65.9 0 0 1 21.08 3.44a6 6 0 0 0 3.83-11.38a78 78 0 0 0-102.43 82.6a6 6 0 0 0 6 5.34a5 5 0 0 0 .67 0a6 6 0 0 0 5.3-6.62A69 69 0 0 1 62 152a66.08 66.08 0 0 1 66-66m98 15.9a6 6 0 1 0-10.68 5.48a98.35 98.35 0 0 1 5.16 77.25a2 2 0 0 1-1.91 1.37H37.46a2.07 2.07 0 0 1-1.91-1.41A98.23 98.23 0 0 1 128 54h.9a97 97 0 0 1 43.71 10.72A6 6 0 1 0 178.1 54A108.9 108.9 0 0 0 129 42h-1A110.06 110.06 0 0 0 24.23 188.58A14.08 14.08 0 0 0 37.46 198h181.07a14.06 14.06 0 0 0 13.22-9.37A110.34 110.34 0 0 0 226 101.9"/></svg>

React

import type { SVGProps } from "react";

export function PhSpeedometerLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m115.76 155.76l96-96a6 6 0 0 1 8.48 8.48l-96 96a6 6 0 0 1-8.48-8.48M128 86a65.9 65.9 0 0 1 21.08 3.44a6 6 0 0 0 3.83-11.38a78 78 0 0 0-102.43 82.6a6 6 0 0 0 6 5.34a5 5 0 0 0 .67 0a6 6 0 0 0 5.3-6.62A69 69 0 0 1 62 152a66.08 66.08 0 0 1 66-66m98 15.9a6 6 0 1 0-10.68 5.48a98.35 98.35 0 0 1 5.16 77.25a2 2 0 0 1-1.91 1.37H37.46a2.07 2.07 0 0 1-1.91-1.41A98.23 98.23 0 0 1 128 54h.9a97 97 0 0 1 43.71 10.72A6 6 0 1 0 178.1 54A108.9 108.9 0 0 0 129 42h-1A110.06 110.06 0 0 0 24.23 188.58A14.08 14.08 0 0 0 37.46 198h181.07a14.06 14.06 0 0 0 13.22-9.37A110.34 110.34 0 0 0 226 101.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m115.76 155.76l96-96a6 6 0 0 1 8.48 8.48l-96 96a6 6 0 0 1-8.48-8.48M128 86a65.9 65.9 0 0 1 21.08 3.44a6 6 0 0 0 3.83-11.38a78 78 0 0 0-102.43 82.6a6 6 0 0 0 6 5.34a5 5 0 0 0 .67 0a6 6 0 0 0 5.3-6.62A69 69 0 0 1 62 152a66.08 66.08 0 0 1 66-66m98 15.9a6 6 0 1 0-10.68 5.48a98.35 98.35 0 0 1 5.16 77.25a2 2 0 0 1-1.91 1.37H37.46a2.07 2.07 0 0 1-1.91-1.41A98.23 98.23 0 0 1 128 54h.9a97 97 0 0 1 43.71 10.72A6 6 0 1 0 178.1 54A108.9 108.9 0 0 0 129 42h-1A110.06 110.06 0 0 0 24.23 188.58A14.08 14.08 0 0 0 37.46 198h181.07a14.06 14.06 0 0 0 13.22-9.37A110.34 110.34 0 0 0 226 101.9"/></svg>
</template>

CSS

.icon-speedometer-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m115.76%20155.76l96-96a6%206%200%200%201%208.48%208.48l-96%2096a6%206%200%200%201-8.48-8.48M128%2086a65.9%2065.9%200%200%201%2021.08%203.44a6%206%200%200%200%203.83-11.38a78%2078%200%200%200-102.43%2082.6a6%206%200%200%200%206%205.34a5%205%200%200%200%20.67%200a6%206%200%200%200%205.3-6.62A69%2069%200%200%201%2062%20152a66.08%2066.08%200%200%201%2066-66m98%2015.9a6%206%200%201%200-10.68%205.48a98.35%2098.35%200%200%201%205.16%2077.25a2%202%200%200%201-1.91%201.37H37.46a2.07%202.07%200%200%201-1.91-1.41A98.23%2098.23%200%200%201%20128%2054h.9a97%2097%200%200%201%2043.71%2010.72A6%206%200%201%200%20178.1%2054A108.9%20108.9%200%200%200%20129%2042h-1A110.06%20110.06%200%200%200%2024.23%20188.58A14.08%2014.08%200%200%200%2037.46%20198h181.07a14.06%2014.06%200%200%200%2013.22-9.37A110.34%20110.34%200%200%200%20226%20101.9%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m115.76%20155.76l96-96a6%206%200%200%201%208.48%208.48l-96%2096a6%206%200%200%201-8.48-8.48M128%2086a65.9%2065.9%200%200%201%2021.08%203.44a6%206%200%200%200%203.83-11.38a78%2078%200%200%200-102.43%2082.6a6%206%200%200%200%206%205.34a5%205%200%200%200%20.67%200a6%206%200%200%200%205.3-6.62A69%2069%200%200%201%2062%20152a66.08%2066.08%200%200%201%2066-66m98%2015.9a6%206%200%201%200-10.68%205.48a98.35%2098.35%200%200%201%205.16%2077.25a2%202%200%200%201-1.91%201.37H37.46a2.07%202.07%200%200%201-1.91-1.41A98.23%2098.23%200%200%201%20128%2054h.9a97%2097%200%200%201%2043.71%2010.72A6%206%200%201%200%20178.1%2054A108.9%20108.9%200%200%200%20129%2042h-1A110.06%20110.06%200%200%200%2024.23%20188.58A14.08%2014.08%200%200%200%2037.46%20198h181.07a14.06%2014.06%200%200%200%2013.22-9.37A110.34%20110.34%200%200%200%20226%20101.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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