The Tabler clock 12 icon depicts a clock face showing the 12-hour format and is commonly used to represent time-related settings or information in user interfaces.
Common uses
- Setting a specific time for an event
- Displaying the current time in a header
- Indicating a time-based filter or option
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconClock12 } from '@tabler/icons-react';
<IconClock12 size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- timehourwatchtimepiecetwelve-houram/pmnoonmiddaydaytimeclock-facesystemclock12
FAQ
- What does the clock 12 icon represent?
- It represents a clock face in the 12-hour format, often used for time selection or display.
- How do I use the clock 12 icon in React?
- You can import and use it with: import { IconClock12 } from '@tabler/icons-react'.
- What is the license for the clock 12 icon?
- The Tabler icon library, including the clock 12 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 →