The Phosphor calendar check icon depicts a calendar with a checkmark, commonly used to signify a confirmed or completed event, task, or appointment.
Common uses
- Marking a scheduled meeting as confirmed.
- Indicating a task on a to-do list has been completed.
- Displaying a date with a successful booking or reservation.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CalendarCheck } from '@phosphor-icons/react';
<CalendarCheck size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CalendarCheck size={24} />thin
<CalendarCheck size={24} weight="thin" />light
<CalendarCheck size={24} weight="light" />bold
<CalendarCheck size={24} weight="bold" />fill
<CalendarCheck size={24} weight="fill" />duotone
<CalendarCheck size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- datestimeseventsscheduletodochecklistofficesystemcalendarcheckcompleted eventconfirmed datetask doneschedule complete
FAQ
- What is the purpose of the calendar check icon?
- It visually represents a completed or confirmed item related to dates, times, or schedules, such as a finished task or a booked appointment.
- How do I use this icon in React?
- You can import and use it like this: import { CalendarCheck } from '@phosphor-icons/react'. Then render it as <CalendarCheck size={32} />.
- What is the license for this icon?
- The Phosphor icon library, including the calendar check icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →