Clock icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable status vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-clock.json
npx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-clock.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-clock.json
bunx shadcn@latest add https://www.shadcn.io/registry/svg-spinners-clock.json
Category:status
Tags:loadingclocktimedurationwaitingtemporalscheduled

This icon represents a clock-style loading animation with rotating hands that indicate passage of time during processing.

The familiar clock metaphor effectively communicates waiting duration and ongoing operations through universally recognized time visualization.

Frequently Asked Questions

Common questions about the Clock icon

Similar Icons

Gooey Balls 1 - status icon from SVG Spinners
gooey balls 1
Gooey Balls 2 - status icon from SVG Spinners
gooey balls 2
8 Dots Rotate - status icon from SVG Spinners
8 dots rotate
Pulse Ring - status icon from SVG Spinners
pulse ring
90 Ring - status icon from SVG Spinners
90 ring
12 Dots Scale Rotate - status icon from SVG Spinners
12 dots scale rotate
Ring Resize - status icon from SVG Spinners
ring resize
Blocks Shuffle 2 - status icon from SVG Spinners
blocks shuffle 2
Blocks Shuffle 3 - status icon from SVG Spinners
blocks shuffle 3