What is the clock 24 icon used for?

It's used to visually represent time, schedules, deadlines, or any concept related to the 24-hour time format in UI elements.

How do I use the clock 24 icon in React?

You can import it directly from the '@tabler/icons-react' library using: import { IconClock24 } from '@tabler/icons-react'.

The Tabler icon library, including the clock 24 icon, is available under the MIT license.

Tabler · clock-24 · MIT

The Tabler clock 24 icon depicts a 24-hour clock face, commonly used to represent time, schedules, or deadlines in user interfaces.

Install

npm i @tabler/icons-react

Import & render

import { IconClock24 } from '@tabler/icons-react';

<IconClock24 size={24} stroke={2} />

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: System
Keywords: timehourwatchtimepiecetwenty-four-hour24-hourmilitaryclock-faceround-clockday-nightsystemclock2424-hour clockmilitary time

What is the clock 24 icon used for?: It's used to visually represent time, schedules, deadlines, or any concept related to the 24-hour time format in UI elements.
How do I use the clock 24 icon in React?: You can import it directly from the '@tabler/icons-react' library using: import { IconClock24 } from '@tabler/icons-react'.
What is the license for this icon?: The Tabler icon library, including the clock 24 icon, is available under the MIT license.

The same idea in other libraries, and near matches in Tabler.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →