calendar-clock

Calendar Clock icon · Lucide · <CalendarClock />

calendar-clock

Lucide tags calendar-clock with hour, day and month. It's in Lucide's Time & calendar category; similar icons include Calendar Check, Calendar Check 2 and Calendar Minus. The matching icons are Calendar Clock in Microsoft's Fluent icons and calendar_clock in Google's Material Symbols.

24 px, stroke 2

calendar-clock.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width

Size

npm install lucide-react

import { CalendarClock } from "lucide-react";

export function Example() {
  return <CalendarClock />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`calendar-clock`
Component	`CalendarClock` (also `CalendarClockIcon`, `LucideCalendarClock`)
Category	Time & calendar
Icon font	`icon-calendar-clock`, `U+E304`
CSS content	`"\e304"`
File	`lucide-static/icons/calendar-clock.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)