speedometer icon

speedometer from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: speedometer
Set: IonIcons
Style: Regular
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="M425.7 118.25A240 240 0 0 0 76.32 447l.18.2c.33.35.64.71 1 1.05c.74.84 1.58 1.79 2.57 2.78a41.17 41.17 0 0 0 60.36-.42a157.13 157.13 0 0 1 231.26 0a41.18 41.18 0 0 0 60.65.06l3.21-3.5l.18-.2a239.93 239.93 0 0 0-10-328.76ZM240 128a16 16 0 0 1 32 0v32a16 16 0 0 1-32 0ZM128 304H96a16 16 0 0 1 0-32h32a16 16 0 0 1 0 32m48.8-95.2a16 16 0 0 1-22.62 0l-22.63-22.62a16 16 0 0 1 22.63-22.63l22.62 22.63a16 16 0 0 1 0 22.62m149.3 23.1l-47.5 75.5a31 31 0 0 1-7 7a30.11 30.11 0 0 1-35-49l75.5-47.5a10.23 10.23 0 0 1 11.7 0a10.06 10.06 0 0 1 2.3 14m31.72-23.1a16 16 0 0 1-22.62-22.62l22.62-22.63a16 16 0 0 1 22.63 22.63ZM416 304h-32a16 16 0 0 1 0-32h32a16 16 0 0 1 0 32"/></svg>

React

import type { SVGProps } from "react";

export function IonSpeedometer(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="M425.7 118.25A240 240 0 0 0 76.32 447l.18.2c.33.35.64.71 1 1.05c.74.84 1.58 1.79 2.57 2.78a41.17 41.17 0 0 0 60.36-.42a157.13 157.13 0 0 1 231.26 0a41.18 41.18 0 0 0 60.65.06l3.21-3.5l.18-.2a239.93 239.93 0 0 0-10-328.76ZM240 128a16 16 0 0 1 32 0v32a16 16 0 0 1-32 0ZM128 304H96a16 16 0 0 1 0-32h32a16 16 0 0 1 0 32m48.8-95.2a16 16 0 0 1-22.62 0l-22.63-22.62a16 16 0 0 1 22.63-22.63l22.62 22.63a16 16 0 0 1 0 22.62m149.3 23.1l-47.5 75.5a31 31 0 0 1-7 7a30.11 30.11 0 0 1-35-49l75.5-47.5a10.23 10.23 0 0 1 11.7 0a10.06 10.06 0 0 1 2.3 14m31.72-23.1a16 16 0 0 1-22.62-22.62l22.62-22.63a16 16 0 0 1 22.63 22.63ZM416 304h-32a16 16 0 0 1 0-32h32a16 16 0 0 1 0 32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M425.7 118.25A240 240 0 0 0 76.32 447l.18.2c.33.35.64.71 1 1.05c.74.84 1.58 1.79 2.57 2.78a41.17 41.17 0 0 0 60.36-.42a157.13 157.13 0 0 1 231.26 0a41.18 41.18 0 0 0 60.65.06l3.21-3.5l.18-.2a239.93 239.93 0 0 0-10-328.76ZM240 128a16 16 0 0 1 32 0v32a16 16 0 0 1-32 0ZM128 304H96a16 16 0 0 1 0-32h32a16 16 0 0 1 0 32m48.8-95.2a16 16 0 0 1-22.62 0l-22.63-22.62a16 16 0 0 1 22.63-22.63l22.62 22.63a16 16 0 0 1 0 22.62m149.3 23.1l-47.5 75.5a31 31 0 0 1-7 7a30.11 30.11 0 0 1-35-49l75.5-47.5a10.23 10.23 0 0 1 11.7 0a10.06 10.06 0 0 1 2.3 14m31.72-23.1a16 16 0 0 1-22.62-22.62l22.62-22.63a16 16 0 0 1 22.63 22.63ZM416 304h-32a16 16 0 0 1 0-32h32a16 16 0 0 1 0 32"/></svg>
</template>

CSS

.icon-speedometer {
  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%22M425.7%20118.25A240%20240%200%200%200%2076.32%20447l.18.2c.33.35.64.71%201%201.05c.74.84%201.58%201.79%202.57%202.78a41.17%2041.17%200%200%200%2060.36-.42a157.13%20157.13%200%200%201%20231.26%200a41.18%2041.18%200%200%200%2060.65.06l3.21-3.5l.18-.2a239.93%20239.93%200%200%200-10-328.76ZM240%20128a16%2016%200%200%201%2032%200v32a16%2016%200%200%201-32%200ZM128%20304H96a16%2016%200%200%201%200-32h32a16%2016%200%200%201%200%2032m48.8-95.2a16%2016%200%200%201-22.62%200l-22.63-22.62a16%2016%200%200%201%2022.63-22.63l22.62%2022.63a16%2016%200%200%201%200%2022.62m149.3%2023.1l-47.5%2075.5a31%2031%200%200%201-7%207a30.11%2030.11%200%200%201-35-49l75.5-47.5a10.23%2010.23%200%200%201%2011.7%200a10.06%2010.06%200%200%201%202.3%2014m31.72-23.1a16%2016%200%200%201-22.62-22.62l22.62-22.63a16%2016%200%200%201%2022.63%2022.63ZM416%20304h-32a16%2016%200%200%201%200-32h32a16%2016%200%200%201%200%2032%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%22M425.7%20118.25A240%20240%200%200%200%2076.32%20447l.18.2c.33.35.64.71%201%201.05c.74.84%201.58%201.79%202.57%202.78a41.17%2041.17%200%200%200%2060.36-.42a157.13%20157.13%200%200%201%20231.26%200a41.18%2041.18%200%200%200%2060.65.06l3.21-3.5l.18-.2a239.93%20239.93%200%200%200-10-328.76ZM240%20128a16%2016%200%200%201%2032%200v32a16%2016%200%200%201-32%200ZM128%20304H96a16%2016%200%200%201%200-32h32a16%2016%200%200%201%200%2032m48.8-95.2a16%2016%200%200%201-22.62%200l-22.63-22.62a16%2016%200%200%201%2022.63-22.63l22.62%2022.63a16%2016%200%200%201%200%2022.62m149.3%2023.1l-47.5%2075.5a31%2031%200%200%201-7%207a30.11%2030.11%200%200%201-35-49l75.5-47.5a10.23%2010.23%200%200%201%2011.7%200a10.06%2010.06%200%200%201%202.3%2014m31.72-23.1a16%2016%200%200%201-22.62-22.62l22.62-22.63a16%2016%200%200%201%2022.63%2022.63ZM416%20304h-32a16%2016%200%200%201%200-32h32a16%2016%200%200%201%200%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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