heroicons + sidekickicons

Calendar Check icon

calendar-check

A calendar with a check mark, for confirmed events, bookings and attendance.

Missing from Heroicons, where it was requested with 4 votes in #1414 .

Component
CalendarCheckIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
confirmed, booked, attending, rsvp, appointment, schedule, done, date

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25m-12 0h13.5A2.25 2.25 0 0 1 21 7.5v11.25A2.25 2.25 0 0 1 18.75 21H5.25A2.25 2.25 0 0 1 3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25ZM3 18.75v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5M9.375 15.328l1.969 1.969 3.281-4.594" />
</svg>

Download

calendar-check icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Calendar Check icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Booking confirmed Booking confirmed

Badges · Micro

History

  1. Added in Sidekickicons 0.23.0 .

Related icons

More Sidekickicons