stopwatch icon

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

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

2 other variants in IonIcons

stopwatchstopwatch-outline

The same icon in other sets

stopwatchBootstrap IconsstopwatchBoxIcons v2stopwatchBoxIcons v2 SolidstopwatchEmoji One (Colored)stopwatchFramework7 IconsstopwatchFont Awesome 6 SolidstopwatchFluent EmojistopwatchFluent Emoji FlatstopwatchFluent Emoji High Contraststopwatchcss.ggstopwatchLine Awesomestopwatch-fillMingCute IconstopwatchNoto Emojistopwatch-16OcticonsstopwatchOpenMojistopwatchRadix Iconsstopwatch-boldSolarstopwatchTabler Iconsstopwatch-outlineTeenyiconsstopwatchTwitter EmojistopwatchUniconsstopwatchUnicons Solid

Use the stopwatch icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M280 81.5V48h-48v33.5a191 191 0 0 0-84.43 32.13L120 86l-34 34l25.59 25.59A191.17 191.17 0 0 0 64 272c0 105.87 86.13 192 192 192s192-86.13 192-192c0-97.74-73.42-178.66-168-190.5M256 320a48 48 0 0 1-16-93.25V136h32v90.75A48 48 0 0 1 256 320"/></svg>

React

import type { SVGProps } from "react";

export function IonStopwatchSharp(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="M280 81.5V48h-48v33.5a191 191 0 0 0-84.43 32.13L120 86l-34 34l25.59 25.59A191.17 191.17 0 0 0 64 272c0 105.87 86.13 192 192 192s192-86.13 192-192c0-97.74-73.42-178.66-168-190.5M256 320a48 48 0 0 1-16-93.25V136h32v90.75A48 48 0 0 1 256 320"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M280 81.5V48h-48v33.5a191 191 0 0 0-84.43 32.13L120 86l-34 34l25.59 25.59A191.17 191.17 0 0 0 64 272c0 105.87 86.13 192 192 192s192-86.13 192-192c0-97.74-73.42-178.66-168-190.5M256 320a48 48 0 0 1-16-93.25V136h32v90.75A48 48 0 0 1 256 320"/></svg>
</template>

CSS

.icon-stopwatch-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%22M280%2081.5V48h-48v33.5a191%20191%200%200%200-84.43%2032.13L120%2086l-34%2034l25.59%2025.59A191.17%20191.17%200%200%200%2064%20272c0%20105.87%2086.13%20192%20192%20192s192-86.13%20192-192c0-97.74-73.42-178.66-168-190.5M256%20320a48%2048%200%200%201-16-93.25V136h32v90.75A48%2048%200%200%201%20256%20320%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%22M280%2081.5V48h-48v33.5a191%20191%200%200%200-84.43%2032.13L120%2086l-34%2034l25.59%2025.59A191.17%20191.17%200%200%200%2064%20272c0%20105.87%2086.13%20192%20192%20192s192-86.13%20192-192c0-97.74-73.42-178.66-168-190.5M256%20320a48%2048%200%200%201-16-93.25V136h32v90.75A48%2048%200%200%201%20256%20320%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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