The Lucide calendar x icon depicts a calendar with an 'X' or cross mark, commonly used to indicate a canceled event, a blocked date, or to signify that a calendar-related action has been removed or is unavailable.
Common uses
- Marking a canceled appointment
- Showing a date as unavailable
- Clearing a selected date
Use it in React
Install
npm i lucide-reactImport & render
import { CalendarX } from 'lucide-react';
<CalendarX size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- datedaymonthyeareventremovebusycalendarxcanceled dateremove eventunavailable dateclear calendar
FAQ
- What does the calendar x icon represent?
- It represents a calendar with a cross or 'X' mark, typically signifying cancellation, unavailability, or removal of a calendar event or date.
- How do I use the calendar x icon in React?
- You can import and use it in React with: import { CalendarX } from 'lucide-react'.
- What is the license for the Lucide calendar x icon?
- The Lucide calendar x 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 →