Skip to content
shadcn.io

Duration icons for React.

92 free duration icons from 29 libraries, Lucide, Material Symbols and Tabler Icons among them. Open one to copy it as SVG or React, or install it with the shadcn CLI.

Get ProAll tags

Add shadcn.io to your AI agent. · Pro It finds and installs the duration icon you describe, from any library, with Pro.

Set up MCP

66 icons · every library

  • Calendar Range icon from Lucide
  • Clock icon from Lucide
  • Hourglass icon from Lucide
  • Parking Meter icon from Lucide
  • Timer icon from Lucide
  • Avg Time icon from Material Symbols
  • Timer 2 icon from Material Symbols
  • Timer 2 Rounded icon from Material Symbols
  • Timer 3 icon from Material Symbols
  • Timer 3 Alt 1 icon from Material Symbols
  • Timer 3 Alt 1 Outline icon from Material Symbols
  • Time Duration 0 icon from Tabler Icons
  • Time Duration 10 icon from Tabler Icons
  • Time Duration 15 icon from Tabler Icons
  • Time Duration 30 icon from Tabler Icons
  • Time Duration 45 icon from Tabler Icons
  • Time Duration 5 icon from Tabler Icons
  • Time Duration 60 icon from Tabler Icons
  • Time Duration 90 icon from Tabler Icons
  • Time Duration Off icon from Tabler Icons
  • Avg Time icon from Material Symbols Light
  • Hourglass Rounded icon from Material Symbols Light
  • Hourglass Top icon from Material Symbols Light
  • Elapse icon from Arcticons
  • Time Since icon from Arcticons
  • Worktimer icon from Arcticons
  • Outline Timelapse icon from Google Material Icons
  • Round Send Time Extension icon from Google Material Icons
  • Round Timer 10 Select icon from Google Material Icons
  • Round Timer 3 Select icon from Google Material Icons
  • Hourglass Simple High icon from Phosphor
  • Hourglass Simple Low icon from Phosphor
  • Hourglass Simple Medium icon from Phosphor
  • Hourglass Simple Thin icon from Phosphor
  • Hourglass Thin icon from Phosphor
  • Music Note Whole icon from Material Design Icons
  • Timelapse icon from Material Design Icons
  • Timer 3 icon from Material Design Icons
  • Hourglass icon from IconPark
  • Hourglass icon from Carbon
  • Timer Clock icon from Fluent Emoji High Contrast
  • Hourglass icon from Unicons
  • Clock icon from Font Awesome 5 Solid
  • Time Lapse icon from Flex color icons
  • Time Lapse Flat icon from Flex color icons
  • Chronometer icon from Jam Icons
  • Chronometer F icon from Jam Icons
  • Clock icon from Jam Icons
  • Clock F icon from Jam Icons
  • Clock Circle Filled icon from Ant Design Icons
  • Clock Circle Outlined icon from Ant Design Icons
  • Time Interval icon from Material Design Iconic Font
  • Hourglass Top icon from BoxIcons Solid
  • Interface Essential Stopwatch icon from Pixel free icons
  • Time icon from Grommet Icons
  • Timer0 1 icon from Cyber color icons
  • Timer Mode icon from Cyber color icons
  • Sand Watch Solid icon from Basil
  • Timer Solid icon from Basil
  • Timer icon from Font-GIS
  • 24 Hours icon from Guidance
  • Stopwatch icon from Entypo+
  • Timer icon from Open Iconic
  • Clock icon from Web Symbols Liga
  • Clock icon from Gala Icons
  • Clock icon from SVG Spinners
All 66 shown
  • 66 designs, one style each
  • From 29 libraries
  • 76% under permissive licenses
  • 92 icons in every style

Libraries

Duration icons in each library

How each set draws duration: clock, hourglass, timer and timer 3 and more. Open one to see only its icons.

21 more libraries

Skip the browsing. With Pro, your AI agent finds the duration icon you describe in any library and installs it.

Get Pro

Tags

Related tags

Tags the same icons carry, closest to duration first.

All tags

Pricing

Duration icons MCP, with Pro

Your agent finds the duration icon you describe in any of 29 libraries and installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates.

See full pricing

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

About duration icons: how many there are, which libraries draw them, and how to use and license them.

Install any duration icon from a prompt

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

Get Pro