timer icon

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

Name
timer-48-regular
Set
Fluent UI System Icons
Style
48 Regular
Viewbox
48×48
License
MIT

13 other variants in Fluent UI System Icons

timer-12-filledtimer-12-regulartimer-16-filledtimer-16-regulartimer-20-filledtimer-20-regulartimer-24-filledtimer-24-regulartimer-28-filledtimer-28-regulartimer-32-filledtimer-32-regulartimer-48-filled

The same icon in other sets

timerBoxIcons v2timerBoxIcons v2 SolidtimerCarbontimerElement PlustimerFramework7 Iconstimercss.ggtimerIconParktimerIconPark OutlinetimerIconPark SolidtimerIconPark TwoTonetimerIconoirtimerIonIconstimerLucidetimerMajesticonstimerMaterial SymbolstimerMaterial Symbols LighttimerMaterial Design IconstimerOpenMojitimerPhosphortimerRadix Iconstimer-fillRemix Icon

Related icons in Fluent UI System Icons

timer-10-20-filledtimer-2-20-filledtimer-3-20-filledtimer-off-20-filled

Use the timer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M18 6.25c0-.69.56-1.25 1.25-1.25h9.5a1.25 1.25 0 1 1 0 2.5h-9.5c-.69 0-1.25-.56-1.25-1.25m4.75 20.5a1.25 1.25 0 1 0 2.5 0v-9.5a1.25 1.25 0 1 0-2.5 0zM24 10c-9.389 0-17 7.611-17 17s7.611 17 17 17s17-7.611 17-17s-7.611-17-17-17M9.5 27c0-8.008 6.492-14.5 14.5-14.5S38.5 18.992 38.5 27S32.008 41.5 24 41.5S9.5 35.008 9.5 27m28.635-16.635a1.25 1.25 0 1 0-1.768 1.768l2.5 2.5a1.25 1.25 0 0 0 1.768-1.768z"/></svg>

React

import type { SVGProps } from "react";

export function FluentTimer48Regular(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="M18 6.25c0-.69.56-1.25 1.25-1.25h9.5a1.25 1.25 0 1 1 0 2.5h-9.5c-.69 0-1.25-.56-1.25-1.25m4.75 20.5a1.25 1.25 0 1 0 2.5 0v-9.5a1.25 1.25 0 1 0-2.5 0zM24 10c-9.389 0-17 7.611-17 17s7.611 17 17 17s17-7.611 17-17s-7.611-17-17-17M9.5 27c0-8.008 6.492-14.5 14.5-14.5S38.5 18.992 38.5 27S32.008 41.5 24 41.5S9.5 35.008 9.5 27m28.635-16.635a1.25 1.25 0 1 0-1.768 1.768l2.5 2.5a1.25 1.25 0 0 0 1.768-1.768z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M18 6.25c0-.69.56-1.25 1.25-1.25h9.5a1.25 1.25 0 1 1 0 2.5h-9.5c-.69 0-1.25-.56-1.25-1.25m4.75 20.5a1.25 1.25 0 1 0 2.5 0v-9.5a1.25 1.25 0 1 0-2.5 0zM24 10c-9.389 0-17 7.611-17 17s7.611 17 17 17s17-7.611 17-17s-7.611-17-17-17M9.5 27c0-8.008 6.492-14.5 14.5-14.5S38.5 18.992 38.5 27S32.008 41.5 24 41.5S9.5 35.008 9.5 27m28.635-16.635a1.25 1.25 0 1 0-1.768 1.768l2.5 2.5a1.25 1.25 0 0 0 1.768-1.768z"/></svg>
</template>

CSS

.icon-timer-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%22M18%206.25c0-.69.56-1.25%201.25-1.25h9.5a1.25%201.25%200%201%201%200%202.5h-9.5c-.69%200-1.25-.56-1.25-1.25m4.75%2020.5a1.25%201.25%200%201%200%202.5%200v-9.5a1.25%201.25%200%201%200-2.5%200zM24%2010c-9.389%200-17%207.611-17%2017s7.611%2017%2017%2017s17-7.611%2017-17s-7.611-17-17-17M9.5%2027c0-8.008%206.492-14.5%2014.5-14.5S38.5%2018.992%2038.5%2027S32.008%2041.5%2024%2041.5S9.5%2035.008%209.5%2027m28.635-16.635a1.25%201.25%200%201%200-1.768%201.768l2.5%202.5a1.25%201.25%200%200%200%201.768-1.768z%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%22M18%206.25c0-.69.56-1.25%201.25-1.25h9.5a1.25%201.25%200%201%201%200%202.5h-9.5c-.69%200-1.25-.56-1.25-1.25m4.75%2020.5a1.25%201.25%200%201%200%202.5%200v-9.5a1.25%201.25%200%201%200-2.5%200zM24%2010c-9.389%200-17%207.611-17%2017s7.611%2017%2017%2017s17-7.611%2017-17s-7.611-17-17-17M9.5%2027c0-8.008%206.492-14.5%2014.5-14.5S38.5%2018.992%2038.5%2027S32.008%2041.5%2024%2041.5S9.5%2035.008%209.5%2027m28.635-16.635a1.25%201.25%200%201%200-1.768%201.768l2.5%202.5a1.25%201.25%200%200%200%201.768-1.768z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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