The Lucide calendar icon depicts a stylized calendar page, commonly used in user interfaces to represent date selection, scheduling, or event-related functionalities.
Common uses
- Date picker input
- Event scheduling component
- Calendar view toggle
Use it in React
Install
npm i lucide-reactImport & render
import { Calendar } from 'lucide-react';
<Calendar size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- datemonthyeareventbirthdaybirthdatecalendardate iconevent iconschedule iconmonth icon
FAQ
- What is the purpose of the calendar icon?
- It visually signifies actions or areas related to dates, months, years, events, or birthdays within an application.
- How do I use the calendar icon in React?
- Import it from 'lucide-react' and use it as a component: import { Calendar } from 'lucide-react'.
- What is the license for the Lucide calendar icon?
- The Lucide icon library, including the calendar 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 →