Home/Libraries/Glyphs (Iconify)/timer-outline

Glyphs (Iconify)

TimerOutline

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 80 80"><g fill="none"><path fill="#818cf8" fill-opacity=".25" fill-rule="evenodd" d="M49.015 30.222a2 2 0 0 1 .373 2.804l-4.684 6.122a5.48 5.48 0 0 1 .74 3.646l8.887 5.056c.427-.01.852.097 1.227.315l1.831 1.063a2.333 2.333 0 0 1 .856 3.174l-.028.049a2.333 2.333 0 0 1-3.186.862l-1.837-1.054a2.3 2.3 0 0 1-.926-.981l-8.8-5.006a5.5 5.5 0 1 1-1.94-9.556l4.684-6.121a2 2 0 0 1 1.351-.77a2.3 2.3 0 0 1-.644-.244l-.048-.026a2.334 2.334 0 0 1-.89-3.215l1.064-1.832a2.333 2.333 0 0 1 3.15-.868l.052.029a2.333 2.333 0 0 1 .885 3.198l-1.054 1.837a2.33 2.33 0 0 1-1.807 1.162c.262.064.516.181.744.356m-9.014 10.28a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/><path fill="#818cf8" fill-opacity=".25" d="M42.151 23.328A2.333 2.333 0 0 0 39.795 21h-.06a2.333 2.333 0 0 0-2.304 2.327l-.005 2.118a2.333 2.333 0 0 0 2.367 2.34l.055-.001a2.333 2.333 0 0 0 2.309-2.34zm-9.51 1.359a2.333 2.333 0 0 0-3.19-.846l-.052.03a2.333 2.333 0 0 0-.846 3.176l1.055 1.837a2.334 2.334 0 0 0 3.203.852l.048-.028a2.333 2.333 0 0 0 .846-3.19zm25.369 6.511a2.333 2.333 0 0 0-3.163-.823l-1.837 1.054a2.333 2.333 0 0 0-.836 3.229l.027.046a2.333 2.333 0 0 0 3.175.82l1.831-1.064a2.334 2.334 0 0 0 .833-3.212zm-32.963-.644a2.333 2.333 0 0 0-3.176.846l-.03.051a2.334 2.334 0 0 0 .846 3.19l1.83 1.064a2.333 2.333 0 0 0 3.19-.846l.028-.048a2.333 2.333 0 0 0-.851-3.203zm.738 11.239a2.333 2.333 0 0 0-2.339-2.367l-2.118.005a2.333 2.333 0 0 0-2.327 2.304v.06a2.333 2.333 0 0 0 2.326 2.356l2.118.006a2.333 2.333 0 0 0 2.34-2.309zm30.769-2.366a2.333 2.333 0 0 0-2.339 2.367v.053a2.333 2.333 0 0 0 2.34 2.309l2.118-.006A2.334 2.334 0 0 0 61 41.794v-.058a2.333 2.333 0 0 0-2.328-2.303zm-29 9.445a2.333 2.333 0 0 0-3.214-.89l-1.832 1.063a2.333 2.333 0 0 0-.868 3.15l.029.052a2.333 2.333 0 0 0 3.198.885l1.836-1.054a2.333 2.333 0 0 0 .878-3.159zm5.103 5.302a2.333 2.333 0 0 0-3.228.837l-1.055 1.837a2.333 2.333 0 0 0 .824 3.162l.05.03a2.333 2.333 0 0 0 3.212-.832l1.064-1.832a2.333 2.333 0 0 0-.82-3.174zm17.603 1.021a2.333 2.333 0 0 0-3.185-.863l-.046.026a2.333 2.333 0 0 0-.864 3.2l1.063 1.832a2.333 2.333 0 0 0 3.174.855l.049-.028a2.333 2.333 0 0 0 .862-3.186zm-10.466 1.021a2.333 2.333 0 0 0-2.367 2.339l.005 2.118A2.333 2.333 0 0 0 39.737 63h.058a2.333 2.333 0 0 0 2.356-2.327l.005-2.117a2.333 2.333 0 0 0-2.308-2.34z"/><path fill="#818cf8" fill-opacity=".25" fill-rule="evenodd" d="M32.167 9.334a2 2 0 0 1 2-2h11.666a2 2 0 0 1 0 4H42v2.87a27.86 27.86 0 0 1 16.241 6.728l2.029-2.029l-1.885-1.885a2 2 0 0 1 2.828-2.829l3.262 3.262l.076.076l3.262 3.262a2 2 0 1 1-2.829 2.828l-1.886-1.886l-2.028 2.029a27.869 27.869 0 1 1-42.14 0l-2.028-2.029l-1.886 1.886a2 2 0 0 1-2.828-2.829l3.285-3.285l.014-.015l.015-.014l3.285-3.285a2 2 0 1 1 2.829 2.828l-1.886 1.886l2.03 2.029A27.86 27.86 0 0 1 38 14.204v-2.87h-3.833a2 2 0 0 1-2-2M40 18.133h-.043a23.87 23.87 0 0 0-16.81 6.967l-.024.024l-.024.023A23.869 23.869 0 1 0 40 18.133" clip-rule="evenodd"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M49.015 30.222a2 2 0 0 1 .373 2.804l-4.684 6.122a5.48 5.48 0 0 1 .74 3.646l8.887 5.056c.427-.01.852.097 1.227.315l1.831 1.063a2.333 2.333 0 0 1 .856 3.174l-.028.049a2.333 2.333 0 0 1-3.186.862l-1.837-1.054a2.3 2.3 0 0 1-.926-.981l-8.8-5.006a5.5 5.5 0 1 1-1.94-9.556l4.684-6.121a2 2 0 0 1 1.351-.77a2.3 2.3 0 0 1-.644-.244l-.048-.026a2.334 2.334 0 0 1-.89-3.215l1.064-1.832a2.333 2.333 0 0 1 3.15-.868l.052.029a2.333 2.333 0 0 1 .885 3.198l-1.054 1.837a2.33 2.33 0 0 1-1.807 1.162c.262.064.516.181.744.356m-9.014 10.28a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M42.151 23.328A2.333 2.333 0 0 0 39.795 21h-.06a2.333 2.333 0 0 0-2.304 2.327l-.005 2.118a2.333 2.333 0 0 0 2.367 2.34l.055-.001a2.333 2.333 0 0 0 2.309-2.34zm-9.51 1.359a2.333 2.333 0 0 0-3.19-.846l-.052.03a2.333 2.333 0 0 0-.846 3.176l1.055 1.837a2.334 2.334 0 0 0 3.203.852l.048-.028a2.333 2.333 0 0 0 .846-3.19zm25.369 6.511a2.333 2.333 0 0 0-3.163-.823l-1.837 1.054a2.333 2.333 0 0 0-.836 3.229l.027.046a2.333 2.333 0 0 0 3.175.82l1.831-1.064a2.334 2.334 0 0 0 .833-3.212zm-32.963-.644a2.333 2.333 0 0 0-3.176.846l-.03.051a2.334 2.334 0 0 0 .846 3.19l1.83 1.064a2.333 2.333 0 0 0 3.19-.846l.028-.048a2.333 2.333 0 0 0-.851-3.203zm.738 11.239a2.333 2.333 0 0 0-2.339-2.367l-2.118.005a2.333 2.333 0 0 0-2.327 2.304v.06a2.333 2.333 0 0 0 2.326 2.356l2.118.006a2.333 2.333 0 0 0 2.34-2.309zm30.769-2.366a2.333 2.333 0 0 0-2.339 2.367v.053a2.333 2.333 0 0 0 2.34 2.309l2.118-.006A2.334 2.334 0 0 0 61 41.794v-.058a2.333 2.333 0 0 0-2.328-2.303zm-29 9.445a2.333 2.333 0 0 0-3.214-.89l-1.832 1.063a2.333 2.333 0 0 0-.868 3.15l.029.052a2.333 2.333 0 0 0 3.198.885l1.836-1.054a2.333 2.333 0 0 0 .878-3.159zm5.103 5.302a2.333 2.333 0 0 0-3.228.837l-1.055 1.837a2.333 2.333 0 0 0 .824 3.162l.05.03a2.333 2.333 0 0 0 3.212-.832l1.064-1.832a2.333 2.333 0 0 0-.82-3.174zm17.603 1.021a2.333 2.333 0 0 0-3.185-.863l-.046.026a2.333 2.333 0 0 0-.864 3.2l1.063 1.832a2.333 2.333 0 0 0 3.174.855l.049-.028a2.333 2.333 0 0 0 .862-3.186zm-10.466 1.021a2.333 2.333 0 0 0-2.367 2.339l.005 2.118A2.333 2.333 0 0 0 39.737 63h.058a2.333 2.333 0 0 0 2.356-2.327l.005-2.117a2.333 2.333 0 0 0-2.308-2.34z"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M32.167 9.334a2 2 0 0 1 2-2h11.666a2 2 0 0 1 0 4H42v2.87a27.86 27.86 0 0 1 16.241 6.728l2.029-2.029l-1.885-1.885a2 2 0 0 1 2.828-2.829l3.262 3.262l.076.076l3.262 3.262a2 2 0 1 1-2.829 2.828l-1.886-1.886l-2.028 2.029a27.869 27.869 0 1 1-42.14 0l-2.028-2.029l-1.886 1.886a2 2 0 0 1-2.828-2.829l3.285-3.285l.014-.015l.015-.014l3.285-3.285a2 2 0 1 1 2.829 2.828l-1.886 1.886l2.03 2.029A27.86 27.86 0 0 1 38 14.204v-2.87h-3.833a2 2 0 0 1-2-2M40 18.133h-.043a23.87 23.87 0 0 0-16.81 6.967l-.024.024l-.024.023A23.869 23.869 0 1 0 40 18.133" clip-rule="evenodd"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. TimerOutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Glyphs (Iconify)

Browse all Glyphs (Iconify) icons →