<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 16 16"><g transform="translate(0 0)"><path fill="currentColor" d="M12 1H4a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3m2 11a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5h12zM2 4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2zm2 7a1 1 0 1 1 2 0a1 1 0 0 1-2 0m3 0a1 1 0 1 1 2 0a1 1 0 0 1-2 0M4 8a1 1 0 1 1 2 0a1 1 0 0 1-2 0m3 0a1 1 0 1 1 2 0a1 1 0 0 1-2 0m3 0a1 1 0 1 1 2 0a1 1 0 0 1-2 0"/></g></svg>
Customize
About this icon
A solid calendar icon from Codicons. 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 16 × 16 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 | Codicons (version 1.2.76) |
| Author | Microsoft Corporation |
| Licence | CC BY 4.0 |
| Style | solid |
| Original size | 16 × 16 |
| Name | codicon:calendar |
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