The Tabler clock icon depicts a classic analog clock face, commonly used in user interfaces to represent time-related functions, scheduling, or status.
Common uses
- Displaying current time or countdowns
- Accessing scheduling or calendar features
- Indicating pending or in-progress operations
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconClock } from '@tabler/icons-react';
<IconClock size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconClock size={24} stroke={2} />filled
<IconClockFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- timewatchalarmclockcontroloperationfunctioninterfacemanagementsystemtimer
FAQ
- What is the clock icon used for?
- It represents time, scheduling, or processes that take time. It's often used for features related to time management or status updates.
- How do I use the clock icon in React?
- Import it from '@tabler/icons-react' and use it as a component: import { IconClock } from '@tabler/icons-react'; <IconClock />.
- What is the license for the Tabler clock icon?
- The Tabler icon library, including the clock icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →