The Lucide clock fading icon visually represents the passage of time or a process nearing completion, often used to indicate loading states, countdowns, or time-sensitive actions.
Common uses
- Loading spinners or progress indicators
- Timers and countdown displays
- Indicating an expiring session or offer
Use it in React
Install
npm i lucide-reactImport & render
import { ClockFading } from 'lucide-react';
<ClockFading size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- timewatchalarmclockfadingtime elapsedcountdownprogressexpiring
FAQ
- What does the clock fading icon represent?
- It symbolizes time passing or something coming to an end, useful for indicating processes or time limits.
- How do I use the clock fading icon in React?
- Import it from 'lucide-react' as: import { ClockFading } from 'lucide-react'. Then use it as a React component: <ClockFading />.
- What is the license for this icon?
- The Lucide icon library, including the clock fading icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →