timer icon

timer-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name
timer-fill
Set
Framework7 Icons
Style
Fill
Viewbox
56×56
License
MIT

1 other variant in Framework7 Icons

timer

The same icon in other sets

timerBoxIcons v2timerBoxIcons v2 SolidtimerCarbontimerElement Plustimer-12-filledFluent UI System Iconstimercss.ggtimerIconParktimerIconPark OutlinetimerIconPark SolidtimerIconPark TwoTonetimerIconoirtimerIonIconstimerLucidetimerMajesticonstimerMaterial SymbolstimerMaterial Symbols LighttimerMaterial Design IconstimerOpenMojitimerPhosphortimerRadix Iconstimer-fillRemix Icon

Use the timer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" fill-rule="evenodd" d="M28 51.906C14.797 51.906 4.094 41.203 4.094 28S14.797 4.094 28 4.094S51.906 14.797 51.906 28S41.203 51.906 28 51.906M28 7.92c11.09 0 20.081 8.99 20.081 20.081S39.091 48.081 28 48.081S7.919 39.091 7.919 28a20.02 20.02 0 0 1 6.185-14.497q.216-.207.558-.507l.092-.071a.93.93 0 0 1 1.242.185l.019.023a.956.956 0 0 1-.112 1.318q-.327.288-.53.485A18.1 18.1 0 0 0 9.83 28c0 10.034 8.135 18.169 18.169 18.169S46.169 38.034 46.169 28S38.034 9.831 28 9.831v8.606a.956.956 0 1 1-1.913 0V8.875a.956.956 0 0 1 1.127-.941q.39-.015.786-.015M17.031 18.438c-.82-1.172.399-2.391 1.57-1.57L31 25.515c2.227 1.547 2.601 4.172.75 6.093c-1.899 1.852-4.523 1.453-6.07-.773Z"/></svg>

React

import type { SVGProps } from "react";

export function F7TimerFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" fillRule="evenodd" d="M28 51.906C14.797 51.906 4.094 41.203 4.094 28S14.797 4.094 28 4.094S51.906 14.797 51.906 28S41.203 51.906 28 51.906M28 7.92c11.09 0 20.081 8.99 20.081 20.081S39.091 48.081 28 48.081S7.919 39.091 7.919 28a20.02 20.02 0 0 1 6.185-14.497q.216-.207.558-.507l.092-.071a.93.93 0 0 1 1.242.185l.019.023a.956.956 0 0 1-.112 1.318q-.327.288-.53.485A18.1 18.1 0 0 0 9.83 28c0 10.034 8.135 18.169 18.169 18.169S46.169 38.034 46.169 28S38.034 9.831 28 9.831v8.606a.956.956 0 1 1-1.913 0V8.875a.956.956 0 0 1 1.127-.941q.39-.015.786-.015M17.031 18.438c-.82-1.172.399-2.391 1.57-1.57L31 25.515c2.227 1.547 2.601 4.172.75 6.093c-1.899 1.852-4.523 1.453-6.07-.773Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" fill-rule="evenodd" d="M28 51.906C14.797 51.906 4.094 41.203 4.094 28S14.797 4.094 28 4.094S51.906 14.797 51.906 28S41.203 51.906 28 51.906M28 7.92c11.09 0 20.081 8.99 20.081 20.081S39.091 48.081 28 48.081S7.919 39.091 7.919 28a20.02 20.02 0 0 1 6.185-14.497q.216-.207.558-.507l.092-.071a.93.93 0 0 1 1.242.185l.019.023a.956.956 0 0 1-.112 1.318q-.327.288-.53.485A18.1 18.1 0 0 0 9.83 28c0 10.034 8.135 18.169 18.169 18.169S46.169 38.034 46.169 28S38.034 9.831 28 9.831v8.606a.956.956 0 1 1-1.913 0V8.875a.956.956 0 0 1 1.127-.941q.39-.015.786-.015M17.031 18.438c-.82-1.172.399-2.391 1.57-1.57L31 25.515c2.227 1.547 2.601 4.172.75 6.093c-1.899 1.852-4.523 1.453-6.07-.773Z"/></svg>
</template>

CSS

.icon-timer-fill {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M28%2051.906C14.797%2051.906%204.094%2041.203%204.094%2028S14.797%204.094%2028%204.094S51.906%2014.797%2051.906%2028S41.203%2051.906%2028%2051.906M28%207.92c11.09%200%2020.081%208.99%2020.081%2020.081S39.091%2048.081%2028%2048.081S7.919%2039.091%207.919%2028a20.02%2020.02%200%200%201%206.185-14.497q.216-.207.558-.507l.092-.071a.93.93%200%200%201%201.242.185l.019.023a.956.956%200%200%201-.112%201.318q-.327.288-.53.485A18.1%2018.1%200%200%200%209.83%2028c0%2010.034%208.135%2018.169%2018.169%2018.169S46.169%2038.034%2046.169%2028S38.034%209.831%2028%209.831v8.606a.956.956%200%201%201-1.913%200V8.875a.956.956%200%200%201%201.127-.941q.39-.015.786-.015M17.031%2018.438c-.82-1.172.399-2.391%201.57-1.57L31%2025.515c2.227%201.547%202.601%204.172.75%206.093c-1.899%201.852-4.523%201.453-6.07-.773Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M28%2051.906C14.797%2051.906%204.094%2041.203%204.094%2028S14.797%204.094%2028%204.094S51.906%2014.797%2051.906%2028S41.203%2051.906%2028%2051.906M28%207.92c11.09%200%2020.081%208.99%2020.081%2020.081S39.091%2048.081%2028%2048.081S7.919%2039.091%207.919%2028a20.02%2020.02%200%200%201%206.185-14.497q.216-.207.558-.507l.092-.071a.93.93%200%200%201%201.242.185l.019.023a.956.956%200%200%201-.112%201.318q-.327.288-.53.485A18.1%2018.1%200%200%200%209.83%2028c0%2010.034%208.135%2018.169%2018.169%2018.169S46.169%2038.034%2046.169%2028S38.034%209.831%2028%209.831v8.606a.956.956%200%201%201-1.913%200V8.875a.956.956%200%200%201%201.127-.941q.39-.015.786-.015M17.031%2018.438c-.82-1.172.399-2.391%201.57-1.57L31%2025.515c2.227%201.547%202.601%204.172.75%206.093c-1.899%201.852-4.523%201.453-6.07-.773Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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