Calendar icon
A free calendar icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.
- Size
- 24 × 24, scales to any size
- License
- Free, credit optional (terms)
- Tags
- calendar, default, date, schedule, month, event, plan
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(3 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 11C0 9.76 0 8.79 0.04 8C0.09 7.02 0.2 6.32 0.46 5.7C1.07 4.23 2.23 3.07 3.7 2.46C4.09 2.3 4.5 2.2 5 2.13C5.94 2 7.17 2 9 2C10.83 2 12.06 2 13 2.13C13.5 2.2 13.91 2.3 14.3 2.46C15.77 3.07 16.93 4.23 17.54 5.7C17.8 6.32 17.91 7.02 17.96 8C18 8.79 18 9.76 18 11C18 13.8 18 15.19 17.54 16.3C16.93 17.77 15.77 18.93 14.3 19.54C13.19 20 11.8 20 9 20C6.2 20 4.81 20 3.7 19.54C2.23 18.93 1.07 17.77 0.46 16.3C0 15.19 0 13.8 0 11Z"/>
<path transform="translate(3 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5 0L5 2.13L5 4M13 0L13 2.13L13 4M17.96 8L0.04 8"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(2 1)" fill="currentColor" d="M6 0C6.55 0 7 0.45 7 1L7 2.04C7.8 2 8.76 2 9.92 2L10.08 2C11.24 2 12.2 2 13 2.04L13 1C13 0.45 13.45 0 14 0C14.55 0 15 0.45 15 1L15 2.31C15.23 2.37 15.46 2.44 15.68 2.53C17.39 3.24 18.76 4.61 19.47 6.32C19.68 6.84 19.81 7.39 19.88 8L0.12 8C0.19 7.39 0.32 6.84 0.53 6.32C1.24 4.61 2.61 3.24 4.32 2.53C4.54 2.44 4.77 2.37 5 2.31L5 1C5 0.45 5.45 0 6 0Z"/>
<path transform="translate(2 1)" fill="currentColor" d="M0.01 10C0 10.58 0 11.23 0 11.97L0 12.04C0 13.4 0 14.48 0.06 15.35C0.12 16.24 0.25 16.99 0.53 17.68C1.24 19.39 2.61 20.76 4.32 21.47C5.01 21.75 5.76 21.88 6.65 21.94C7.52 22 8.6 22 9.96 22L10.04 22C11.4 22 12.48 22 13.35 21.94C14.24 21.88 14.99 21.75 15.68 21.47C17.39 20.76 18.76 19.39 19.47 17.68C19.75 16.99 19.88 16.24 19.94 15.35C20 14.48 20 13.4 20 12.04L20 11.97C20 11.23 20 10.58 19.99 10L0.01 10Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(3 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 9C0 7.76 0 6.79 0.04 6C0.09 5.02 0.2 4.32 0.46 3.7C1.07 2.23 2.23 1.07 3.7 0.46C4.09 0.3 4.5 0.2 5 0.13C5.94 0 7.17 0 9 0C10.83 0 12.06 0 13 0.13C13.5 0.2 13.91 0.3 14.3 0.46C15.77 1.07 16.93 2.23 17.54 3.7C17.8 4.32 17.91 5.02 17.96 6C18 6.79 18 7.76 18 9C18 11.8 18 13.19 17.54 14.3C16.93 15.77 15.77 16.93 14.3 17.54C13.19 18 11.8 18 9 18C6.2 18 4.81 18 3.7 17.54C2.23 16.93 1.07 15.77 0.46 14.3C0 13.19 0 11.8 0 9Z"/>
<path transform="translate(3.04 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M4.96 0L4.96 2.13L4.96 3M12.96 0L12.96 2.13L12.96 3M17.92 8L0 8"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(2 3)" fill="currentColor" d="M9.92 0C8.16 0 6.87 0 5.87 0.14C5.31 0.21 4.8 0.33 4.32 0.53C2.61 1.24 1.24 2.61 0.53 4.32C0.21 5.09 0.09 5.93 0.04 6.95C0 7.76 0 8.75 0 9.97L0 10.04C0 11.4 0 12.48 0.06 13.35C0.12 14.24 0.25 14.99 0.53 15.68C1.24 17.39 2.61 18.76 4.32 19.47C5.01 19.75 5.76 19.88 6.65 19.94C7.52 20 8.6 20 9.96 20L10.04 20C11.4 20 12.48 20 13.35 19.94C14.24 19.88 14.99 19.75 15.68 19.47C17.39 18.76 18.76 17.39 19.47 15.68C19.75 14.99 19.88 14.24 19.94 13.35C20 12.48 20 11.4 20 10.04L20 9.97C20 8.75 20 7.76 19.96 6.95C19.91 5.93 19.79 5.09 19.47 4.32C18.76 2.61 17.39 1.24 15.68 0.53C15.2 0.33 14.69 0.21 14.13 0.14C13.13 0 11.84 0 10.08 0L9.92 0Z"/>
<path transform="translate(3.04 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M4.96 0L4.96 2.13L4.96 3M12.96 0L12.96 2.13L12.96 3M17.92 8L0 8"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(3 4)" fill="currentColor" d="M0 9C0 7.76 0 6.79 0.04 6C0.09 5.02 0.2 4.32 0.46 3.7C1.07 2.23 2.23 1.07 3.7 0.46C4.09 0.3 4.5 0.2 5 0.13C5.94 0 7.17 0 9 0C10.83 0 12.06 0 13 0.13C13.5 0.2 13.91 0.3 14.3 0.46C15.77 1.07 16.93 2.23 17.54 3.7C17.8 4.32 17.91 5.02 17.96 6C18 6.79 18 7.76 18 9C18 11.8 18 13.19 17.54 14.3C16.93 15.77 15.77 16.93 14.3 17.54C13.19 18 11.8 18 9 18C6.2 18 4.81 18 3.7 17.54C2.23 16.93 1.07 15.77 0.46 14.3C0 13.19 0 11.8 0 9Z"/>
<path transform="translate(3 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5 0L5 2.13M5 4L5 2.13M13 0L13 2.13M13 4L13 2.13M17.96 8C18 8.79 18 9.76 18 11C18 13.8 18 15.19 17.54 16.3C16.93 17.77 15.77 18.93 14.3 19.54C13.19 20 11.8 20 9 20C6.2 20 4.81 20 3.7 19.54C2.23 18.93 1.07 17.77 0.46 16.3C0 15.19 0 13.8 0 11C0 9.76 0 8.79 0.04 8M17.96 8C17.91 7.02 17.8 6.32 17.54 5.7C16.93 4.23 15.77 3.07 14.3 2.46C13.91 2.3 13.5 2.2 13 2.13M17.96 8L0.04 8M0.04 8C0.09 7.02 0.2 6.32 0.46 5.7C1.07 4.23 2.23 3.07 3.7 2.46C4.09 2.3 4.5 2.2 5 2.13M5 2.13C5.94 2 7.17 2 9 2C10.83 2 12.06 2 13 2.13"/>
</svg>
More Time & Date icons
In the full library
- Alarm Check
- Alarm Off
- Alarm Plus
- Alarm Remove
- Calendar Cancel
- Calendar Event
- Calendar Exclamation Mark
- Calendar Information
- Calendar Off
- Calendar Plus
- Calendar Range
- Calendar Remove
- Calendar Settings
- Calendar Timer
- Clock Off
- Hourglass
- Reminder Anticlockwise
- Reminder Clockwise
- Timer Check
- Timer
- Timer Off
- Timer Plus
- Timer Remove
Get the full library
5,000+ icons across five styles, with the Figma file and the Pikaicons app, for one payment from $99. 500+ of them are free to copy here.
