Icon sets / Material Symbols / calendar-month-outline
<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 6v14q0 .825-.587 1.413T19 22zm0-2h14V10H5zM5 8h14V6H5zm0 0V6zm7 6q-.425 0-.712-.288T11 13t.288-.712T12 12t.713.288T13 13t-.288.713T12 14m-4.712-.288Q7 13.426 7 13t.288-.712T8 12t.713.288T9 13t-.288.713T8 14t-.712-.288M16 14q-.425 0-.712-.288T15 13t.288-.712T16 12t.713.288T17 13t-.288.713T16 14m-4 4q-.425 0-.712-.288T11 17t.288-.712T12 16t.713.288T13 17t-.288.713T12 18m-4.712-.288Q7 17.426 7 17t.288-.712T8 16t.713.288T9 17t-.288.713T8 18t-.712-.288M16 18q-.425 0-.712-.288T15 17t.288-.712T16 16t.713.288T17 17t-.288.713T16 18"/></g></svg>
Customize
About this icon
An outline calendar month icon from Material Symbols. 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. Shapes like this read well on buttons and at small sizes.
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 | outline |
| Original size | 24 × 24 |
| Name | material-symbols:calendar-month-outline |
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