Icon sets / Material Symbols / calendar-clock
<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="M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v4.675q0 .425-.288.713t-.712.287t-.712-.288t-.288-.712V10H5v10h5.8q.425 0 .713.288T11.8 21t-.288.713T10.8 22zm9.463-.462Q13 20.075 13 18t1.463-3.537T18 13t3.538 1.463T23 18t-1.463 3.538T18 23t-3.537-1.463m5.212-1.162l.7-.7L18.5 17.8V15h-1v3.2z"/></g></svg>
Customize
About this icon
The Material Symbols version of the calendar clock icon, in a solid 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. It holds up well at 16 px and takes any colour cleanly.
It's free for personal and commercial use (Apache 2.0). Not quite the look you need? The same symbol comes in more than 20 other styles below.
| Icon set | Material Symbols (version 1.2.96) |
| Author | |
| Licence | Apache 2.0 |
| Style | solid |
| Original size | 24 × 24 |
| Name | material-symbols:calendar-clock |
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