Skip to content

Timer

The timer icon represents a clock or a timer used to measure or manage time.

Add shadcn.io to your AI agent. · Pro It installs Timer, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Timer icon from WebHostingHub Glyphs

Code

Timer in your framework

In any framework. Customize it above, and the code follows.

export const TimerIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" {...props}>
    <path fill="currentColor" d="M512 1024q-104 0-199-40.5t-163.5-109T40.5 711T0 512q0-120 54-229l115 57q-41 82-41 172q0 104 51.5 192.5t140 140T512 896t192.5-51.5t140-140T896 512q0-122-69.5-220T647 153l45-120q147 55 239.5 186t92.5 293q0 104-40.5 199t-109 163.5t-163.5 109t-199 40.5m0-448q-36 0-55-32q-32-34-83-93T261.5 319.5t-101-128t-32-63t63 32t128 101t131.5 113t93 82.5q32 19 32 55q0 27-18.5 45.5T512 576m0-448q-27 0-45.5-19T448 63.5t18.5-45t45-18.5T557 18.5T576 64t-18.5 45.5T512 128"/>
  </svg>
);

Other libraries

Timer in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Timer icon from Material Symbols
  • Timer icon from Material Symbols Light
  • Timer icon from Phosphor
  • Timer icon from Material Design Icons
  • Timer icon from IconPark Outline
  • Timer icon from Carbon
  • Timer icon from IonIcons
  • Timer icon from IconPark Solid

WebHostingHub Glyphs

Icons that share its tags, in the same style.

  • Clock icon from WebHostingHub Glyphs
  • Alarmclock icon from WebHostingHub Glyphs
  • Clockalt icon from WebHostingHub Glyphs
  • Watch icon from WebHostingHub Glyphs
  • Alarm icon from WebHostingHub Glyphs
  • Cuckooclock icon from WebHostingHub Glyphs
  • Addalarm icon from WebHostingHub Glyphs
  • Alarmalt icon from WebHostingHub Glyphs
  • Day icon from WebHostingHub Glyphs
  • Hourglass icon from WebHostingHub Glyphs
  • Hourglassalt icon from WebHostingHub Glyphs
  • Event icon from WebHostingHub Glyphs
  • Notesdate icon from WebHostingHub Glyphs
  • Appointment icon from WebHostingHub Glyphs
  • Calendar icon from WebHostingHub Glyphs
  • Calendaralt icon from WebHostingHub Glyphs
  • Calendarthree icon from WebHostingHub Glyphs
  • Eventum icon from WebHostingHub Glyphs
  • History icon from WebHostingHub Glyphs
  • Snooze icon from WebHostingHub Glyphs
  • Stopwatch icon from WebHostingHub Glyphs
  • Bell icon from WebHostingHub Glyphs
  • Bellalt icon from WebHostingHub Glyphs
  • Deletealarm icon from WebHostingHub Glyphs

Skip the copy and paste. With Pro, your AI agent finds and installs any WebHostingHub Glyphs icon from a prompt.

Get Pro

Tags

Browse by tag

Timer is tagged time, schedule, timer and 2 more. Related tags follow; each opens its icons from every library.

Pricing

WebHostingHub Glyphs MCP, with Pro

Ask for Timer or any of 2,125 WebHostingHub Glyphs icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Timer icon means and where it's used, then how to install, style and license it.

Install Timer from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro