<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><path fill="currentColor" d="M7.75 4a.75.75 0 0 0-1.5 0v1.816a3.375 3.375 0 0 0-2.872 2.899l-.087.653q-.022.165-.042.332a.493.493 0 0 0 .492.55H20.26a.493.493 0 0 0 .492-.55l-.042-.332l-.087-.653a3.375 3.375 0 0 0-2.872-2.899V4a.75.75 0 0 0-1.5 0v1.668a48 48 0 0 0-8.5 0zm13.195 8.226a.494.494 0 0 0-.496-.476H3.551a.494.494 0 0 0-.496.476a29 29 0 0 0 .33 5.41a3.01 3.01 0 0 0 2.678 2.532l1.193.118c3.155.31 6.333.31 9.488 0l1.193-.118a3.01 3.01 0 0 0 2.678-2.532a29 29 0 0 0 .33-5.41"/></g></svg>
Customize
About this icon
This is the calendar icon from Basil, in its 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 24 × 24 grid. Solid icons stay readable at small sizes and recolour cleanly.
It's free for commercial use if you credit the author (CC BY 4.0). Not quite the look you need? The same symbol comes in more than 20 other styles below.
| Icon set | Basil (version 1.2.4) |
| Author | Craftwork |
| Licence | CC BY 4.0 |
| Style | filled |
| Original size | 24 × 24 |
| Name | basil:calendar-solid |
Topics
Credit (optional)
This icon's licence asks you to credit the author. You can paste this line on your site:
Something wrong with this icon? Report it