The Phosphor clock clockwise icon depicts a clock face with hands moving in a standard clockwise direction, commonly used to represent time, scheduling, or cyclical processes.
Common uses
- Indicate a refresh or update action.
- Represent a scheduled event or appointment.
- Show a countdown timer or elapsed time.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ClockClockwise } from '@phosphor-icons/react';
<ClockClockwise size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ClockClockwise size={24} />thin
<ClockClockwise size={24} weight="thin" />light
<ClockClockwise size={24} weight="light" />bold
<ClockClockwise size={24} weight="bold" />fill
<ClockClockwise size={24} weight="fill" />duotone
<ClockClockwise size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- timestimeralarmscheduleeventsrestorefast forwardupdatesystemclockclockwiserefresh
FAQ
- What does the clock clockwise icon represent?
- It represents the passage of time, often used for actions related to scheduling, updating, or timers.
- How do I use the clock clockwise icon in React?
- You can import it directly from the Phosphor React library: `import { ClockClockwise } from '@phosphor-icons/react'`.
- What is the license for the Phosphor clock clockwise icon?
- The Phosphor icon library, including the clock clockwise icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →