The Lucide calendar clock icon visually represents a combination of time and scheduling, commonly used to indicate features related to appointments, deadlines, or event management.
Common uses
- Displaying event start and end times
- Setting reminders for tasks
- Indicating a due date or deadline
Use it in React
Install
npm i lucide-reactImport & render
import { CalendarClock } from 'lucide-react';
<CalendarClock size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- datedaymonthyeareventclockhourcalendarscheduletimeappointmentdeadline
FAQ
- What is the calendar clock icon used for?
- It's used to represent features involving both dates and times, such as scheduling events, setting reminders, or indicating deadlines.
- How do I use the calendar clock icon in React?
- You can import and use it in your React application with the following code: `import { CalendarClock } from 'lucide-react'`.
- What is the license for this icon?
- The Lucide icon library, including the calendar clock 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 →