ios timer icon

ios-timer from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
ios-timer
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

1 other variant in IonIcons

ios-timer-outline

Related icons in IonIcons

ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward

Use the ios timer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 456c-110.3 0-200-89.7-200-200 0-54.8 21.7-105.9 61.2-144 6.4-6.2 16.6-6 22.7.4 6.2 6.4 6 16.6-.4 22.7-33.1 32-51.3 74.9-51.3 120.9 0 92.5 75.3 167.8 167.8 167.8S423.8 348.5 423.8 256c0-87.1-66.7-159-151.8-167.1v62.6c0 8.9-7.2 16.1-16.1 16.1s-16.1-7.2-16.1-16.1V72.1c0-8.9 7.2-16.1 16.1-16.1 110.3 0 200 89.7 200 200S366.3 456 256 456z" fill="currentColor"/><path d="M175.9 161.9l99.5 71.5c13.5 9.7 16.7 28.5 7 42s-28.5 16.7-42 7c-2.8-2-5.2-4.4-7-7l-71.5-99.5c-3.2-4.5-2.2-10.8 2.3-14 3.6-2.6 8.3-2.4 11.7 0z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonIosTimer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 456c-110.3 0-200-89.7-200-200 0-54.8 21.7-105.9 61.2-144 6.4-6.2 16.6-6 22.7.4 6.2 6.4 6 16.6-.4 22.7-33.1 32-51.3 74.9-51.3 120.9 0 92.5 75.3 167.8 167.8 167.8S423.8 348.5 423.8 256c0-87.1-66.7-159-151.8-167.1v62.6c0 8.9-7.2 16.1-16.1 16.1s-16.1-7.2-16.1-16.1V72.1c0-8.9 7.2-16.1 16.1-16.1 110.3 0 200 89.7 200 200S366.3 456 256 456z" fill="currentColor"/><path d="M175.9 161.9l99.5 71.5c13.5 9.7 16.7 28.5 7 42s-28.5 16.7-42 7c-2.8-2-5.2-4.4-7-7l-71.5-99.5c-3.2-4.5-2.2-10.8 2.3-14 3.6-2.6 8.3-2.4 11.7 0z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 456c-110.3 0-200-89.7-200-200 0-54.8 21.7-105.9 61.2-144 6.4-6.2 16.6-6 22.7.4 6.2 6.4 6 16.6-.4 22.7-33.1 32-51.3 74.9-51.3 120.9 0 92.5 75.3 167.8 167.8 167.8S423.8 348.5 423.8 256c0-87.1-66.7-159-151.8-167.1v62.6c0 8.9-7.2 16.1-16.1 16.1s-16.1-7.2-16.1-16.1V72.1c0-8.9 7.2-16.1 16.1-16.1 110.3 0 200 89.7 200 200S366.3 456 256 456z" fill="currentColor"/><path d="M175.9 161.9l99.5 71.5c13.5 9.7 16.7 28.5 7 42s-28.5 16.7-42 7c-2.8-2-5.2-4.4-7-7l-71.5-99.5c-3.2-4.5-2.2-10.8 2.3-14 3.6-2.6 8.3-2.4 11.7 0z" fill="currentColor"/></svg>
</template>

CSS

.icon-ios-timer {
  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%20d%3D%22M256%20456c-110.3%200-200-89.7-200-200%200-54.8%2021.7-105.9%2061.2-144%206.4-6.2%2016.6-6%2022.7.4%206.2%206.4%206%2016.6-.4%2022.7-33.1%2032-51.3%2074.9-51.3%20120.9%200%2092.5%2075.3%20167.8%20167.8%20167.8S423.8%20348.5%20423.8%20256c0-87.1-66.7-159-151.8-167.1v62.6c0%208.9-7.2%2016.1-16.1%2016.1s-16.1-7.2-16.1-16.1V72.1c0-8.9%207.2-16.1%2016.1-16.1%20110.3%200%20200%2089.7%20200%20200S366.3%20456%20256%20456z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M175.9%20161.9l99.5%2071.5c13.5%209.7%2016.7%2028.5%207%2042s-28.5%2016.7-42%207c-2.8-2-5.2-4.4-7-7l-71.5-99.5c-3.2-4.5-2.2-10.8%202.3-14%203.6-2.6%208.3-2.4%2011.7%200z%22%20fill%3D%22currentColor%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%20d%3D%22M256%20456c-110.3%200-200-89.7-200-200%200-54.8%2021.7-105.9%2061.2-144%206.4-6.2%2016.6-6%2022.7.4%206.2%206.4%206%2016.6-.4%2022.7-33.1%2032-51.3%2074.9-51.3%20120.9%200%2092.5%2075.3%20167.8%20167.8%20167.8S423.8%20348.5%20423.8%20256c0-87.1-66.7-159-151.8-167.1v62.6c0%208.9-7.2%2016.1-16.1%2016.1s-16.1-7.2-16.1-16.1V72.1c0-8.9%207.2-16.1%2016.1-16.1%20110.3%200%20200%2089.7%20200%20200S366.3%20456%20256%20456z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M175.9%20161.9l99.5%2071.5c13.5%209.7%2016.7%2028.5%207%2042s-28.5%2016.7-42%207c-2.8-2-5.2-4.4-7-7l-71.5-99.5c-3.2-4.5-2.2-10.8%202.3-14%203.6-2.6%208.3-2.4%2011.7%200z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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