Skip to content
shadcn.io

Clock

The clock icon represents a stylized illustration of a clock or a timer.

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

Set up MCP

Exports at 24 × 24 px

Clock icon from CoreUI Free
Get Pro

562 in CoreUI FreeCC BY 4.0 license (opens in a new tab)Free to copy and download

Code

Clock in your framework

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

export const ClockIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
    <path fill="currentColor" d="M271.514 95.5h-32v178.111l115.613 54.948l13.737-28.902l-97.35-46.268z"/><path fill="currentColor" d="M256 16C123.452 16 16 123.452 16 256s107.452 240 240 240s240-107.452 240-240S388.548 16 256 16m0 448c-114.875 0-208-93.125-208-208S141.125 48 256 48s208 93.125 208 208s-93.125 208-208 208"/>
  </svg>
);

Other libraries

Clock in 8 more libraries

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

  • Clock icon from Arcticons
  • Clock icon from Phosphor
  • Clock icon from Material Design Icons
  • Clock icon from Tabler Icons
  • Clock icon from IonIcons
  • Clock icon from WebHostingHub Glyphs
  • Clock icon from Bootstrap Icons
  • Clock icon from Font Awesome Solid

CoreUI Free

Icons that share its tags, in the same style.

  • Watch icon from CoreUI Free
  • Av Timer icon from CoreUI Free
  • Calendar icon from CoreUI Free
  • Alarm icon from CoreUI Free
  • Arrow Thick From Bottom icon from CoreUI Free
  • Arrow Thick From Left icon from CoreUI Free
  • Arrow Thick From Right icon from CoreUI Free
  • Arrow Thick From Top icon from CoreUI Free
  • Arrow Thick Left icon from CoreUI Free
  • Arrow Thick Right icon from CoreUI Free
  • Arrow Thick To Bottom icon from CoreUI Free
  • Arrow Thick To Left icon from CoreUI Free
  • Arrow Thick Top icon from CoreUI Free
  • Arrow Thick To Right icon from CoreUI Free
  • Arrow Thick To Top icon from CoreUI Free
  • Arrow Top icon from CoreUI Free
  • Assistive Listening System icon from CoreUI Free
  • Asterisk icon from CoreUI Free
  • Asterisk Circle icon from CoreUI Free
  • Calendar Check icon from CoreUI Free
  • Child icon from CoreUI Free
  • Child Friendly icon from CoreUI Free
  • Circle icon from CoreUI Free
  • Clear All icon from CoreUI Free

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

Get Pro

Tags

Browse by tag

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

Pricing

CoreUI Free MCP, with Pro

Ask for Clock or any of 562 CoreUI Free 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 Clock icon means and where it's used, then how to install, style and license it.

Install Clock from a prompt

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

Get Pro