The Phosphor clock countdown icon visually represents a timer or a countdown, commonly used in interfaces to indicate remaining time for an event, task, or process.
Common uses
- Displaying time left until a sale ends
- Showing remaining time for a quiz or game
- Indicating the duration of a system process
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ClockCountdown } from '@phosphor-icons/react';
<ClockCountdown size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ClockCountdown size={24} />thin
<ClockCountdown size={24} weight="thin" />light
<ClockCountdown size={24} weight="light" />bold
<ClockCountdown size={24} weight="bold" />fill
<ClockCountdown size={24} weight="fill" />duotone
<ClockCountdown size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- timestimeralarmscheduleeventswatchsystemclockcountdowntimer iconcountdown timertime remainingalarm clock
FAQ
- What is the clock countdown icon used for?
- It's used to show a timer or countdown, indicating how much time is left for something.
- How do I use the clock countdown icon in React?
- You can import it directly using: import { ClockCountdown } from '@phosphor-icons/react'.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, which allows for free use.
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 →