The Lucide clock 12 icon depicts a clock face showing the 12 o'clock position, commonly used to represent time, schedules, or specific time-related actions in user interfaces.
Common uses
- Displaying current time or a time picker.
- Indicating a scheduled event or deadline.
- Representing a 12-hour time format option.
Use it in React
Install
npm i lucide-reactImport & render
import { Clock12 } from 'lucide-react';
<Clock12 size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- timewatchalarmnoonmidnightclock12time 12schedule
FAQ
- What is the clock 12 icon used for?
- It's used to visually represent time, schedules, or specific time-related settings within an application's interface.
- How do I use the clock 12 icon in React?
- You can import and use it in your React components like this: import { Clock12 } from 'lucide-react'. Then, render it as <Clock12 />.
- What is the license for the Lucide clock 12 icon?
- The Lucide icon library, including the clock 12 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 →