Elliot Sutton

Clock 5 Icon

Component

About

An animated clock icon with rotating hands that plays on hover, view, or tap.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Clock 5 Icon to your project and fits it to your theme.

Code

How Clock 5 Icon is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Clock5 } from '@/components/ui/icons-clock-5';

export default function Clock5IconDemo() {
  return (
    <div className="flex items-center justify-center p-10">
      <Clock5 className="size-12" animateOnHover />
    </div>
  );
}

Dependencies

More by Elliot Sutton

View all
  • Notification List

    Notification List

    209
  • Scroll Progress

    Scroll Progress

    134
  • Cursor

    Cursor

    123
  • Pin List

    Pin List

    107
  • Radix Dropdown Menu

    Radix Dropdown Menu

    100
  • Flip Button

    Flip Button

    94
  • Bubble Background

    Bubble Background

    91
  • Avatar Group

    Avatar Group

    81