<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 20 20"><g transform="translate(0 0)"><path fill="currentColor" fill-rule="evenodd" d="M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2m-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25z" clip-rule="evenodd"/></g></svg>
Customize
About this icon
The HeroIcons version of the calendar 20 icon, in a filled style. Works for dates, bookings and events. In a date field, people expect it at the right end of the input.
It's a solid shape on a 20 × 20 grid. It holds up well at 16 px and takes any colour cleanly.
It's free for personal and commercial use (MIT). Not quite the look you need? The same symbol comes in 2 other styles below.
| Icon set | HeroIcons (version 1.2.3) |
| Author | Refactoring UI Inc |
| Licence | MIT |
| Style | filled |
| Original size | 20 × 20 |
| Name | heroicons:calendar-20-solid |
Topics
Credit (optional)
Credit is not required by this licence, but it helps the authors and us. You can paste this line on your site:
Something wrong with this icon? Report it