Skip to content
DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.7K
Sign inGet All-Access

Icons

Time Shadcn Icons: Calendars, clocks and scheduling

16
Time icons for date pickers, schedulers, timelines and activity logs: 16 icons in 4 styles that install through the shadcn CLI or the ReUI MCP.

All Time icons

  • Calendar
  • Calendar Add
  • Calendar Date
  • Calendar Dots
  • Calendar Edit
  • Calendar Remove
  • Calendar Search
  • Calendar Tick
  • Circle Arrow Anticlockwise Clock
  • Circle Arrow Clockwise Clock
  • Hourglass
  • Sand Timer
  • Square Arrow Anticlockwise Clock
  • Square Arrow Clockwise Clock
  • Time
  • Timer

Time Shadcn Icons for date pickers

The time category holds 16 icons for dates and durations: calendars with add, edit, remove, search and confirm variants, clocks, a stopwatch timer, an hourglass and a sand timer, plus clocks circled by arrows for history and repeats. All of them come in outline, solid, duotone and filled, on the same 24px grid as the rest of the set. The hourglass icon also has an animated variant that plays on hover.

Names in this category include calendar, calendar add, calendar tick, time, timer, sand timer and circle arrow anticlockwise clock. Every icon has its own page with the install command, the React import, its keywords and related icons, and installs as a React component that takes its size and color from your classes.

Where time icons go

Time icons are built for date pickers, schedulers, timelines and activity logs.

  • Calendar actions such as add, edit, remove and search
  • Time markers in schedulers, timelines and activity logs
  • History and recurring schedules with the arrow clocks

What ships with each icon

  • 4 styles, 1 name Outline, solid, duotone and filled versions of the same glyph, so emphasis changes without switching to a different icon.
  • Animated variants The icons that have one also ship a motion/react version that plays on hover and exposes startAnimation and stopAnimation for your own triggers.
  • A page per icon Every icon has its own page with a preview in all 4 styles, the install command, the React import, its keywords and related icons.
  • Registry install Install an icon by name with the shadcn CLI, every icon in a style with @reui/icons/default/outline/all, or ask your coding agent through the ReUI MCP. Icons are part of ReUI Ultimate.

Frequently Asked Questions

Which icon marks history or a recurring event?

Circle arrow anticlockwise clock wraps a clock in a back arrow for history and past activity, and circle arrow clockwise clock uses a forward arrow for repeats. The square versions fit square buttons.

How many time icons are there?

16, each drawn in outline, solid, duotone and filled. The number on this page is read from the registry build, so it stays current as icons are added.

Are time icons free?

No, they are part of ReUI Ultimate: a one-time payment with lifetime updates, every icon in every style. Anyone can browse each glyph with its install command, keywords and related icons on its own page; installing an icon, its source and its SVG download need an Ultimate license.

Which frameworks do they support?

Any React project on Tailwind CSS, with or without shadcn/ui. Each style is its own React component that takes a className and draws in currentColor, so size and color come from your classes. The animated variants also need the motion package, which the shadcn CLI installs with them.

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.

Application

  • App Shell
  • Auth
  • Card
  • Dashboard
  • Dialog
  • Empty State
  • Event Calendar
  • Flow
  • Form
  • Gantt
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Rich Text Editor
  • Schedule
  • Settings
  • Sheet
  • Stats2 meter cards moved here from Charts, 17 in all
  • Timeline
  • Whiteboard
  • Wizard

Data Grid

  • Base
  • AdvancedAdded 2 new Data Grid Advanced blocks, 5 in all
  • Columns
  • Drag & Drop
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Charts

  • Area ChartAdded a new Inbound Leads area chart block
  • Bar Chart
  • Composed Chart
  • Line Chart
  • Pie Chart
  • Radial Chart
  • Sankey ChartNew Sankey Chart category with 3 flow chart blocks
  • Slope ChartNew Slope Chart category with 2 rank-shift chart blocks
  • Sparkline
  • Status Tracker

AI & Agents

  • AI Chat
  • Agent Activity
  • AI UsageNew AI Usage category with 2 spend blocks

Solutions

  • Dev Ops
  • AI Ops
  • CRM
  • Agents
  • Analytics
  • Billing
  • Bookings
  • Files
  • Inventory
  • Users
  • Digital TwinNew Digital Twin category with 2 interactive 3D blocks

Templates

  • All templates

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist
  • Shop Hero

Marketing

  • Blog
  • Compare
  • Contact
  • CTA
  • FAQ
  • Hero
  • How It Works
  • Pricing

Resources

  • Components
  • Blocks
  • Icons
  • MCP for Agents
  • Docs
  • Support
  • Pricing
  • Tailwind Plus Alternative
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026 ReUI. All rights reserved.

3.7K