<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g transform="translate(0 0)"><path fill="currentColor" d="M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m-96 152a8 8 0 0 1-16 0v-51.06l-4.42 2.22a8 8 0 0 1-7.16-14.32l16-8A8 8 0 0 1 112 120Zm56-8a8 8 0 0 1 0 16h-32a8 8 0 0 1-6.4-12.8l28.78-38.37a8 8 0 1 0-13.31-8.83a8 8 0 1 1-13.85-8A24 24 0 0 1 176 136a23.76 23.76 0 0 1-4.84 14.45L152 176ZM48 80V48h24v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32Z"/></g></svg>
Customize
About this icon
This is the calendar icon from Phosphor, 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 256 × 256 grid. Shapes like this read well on buttons and at small sizes.
It's free for personal and commercial use (MIT). Not quite the look you need? The same symbol comes in more than 20 other styles below.
| Icon set | Phosphor (version 1.2.2) |
| Author | Phosphor Icons |
| Licence | MIT |
| Style | filled |
| Original size | 256 × 256 |
| Name | ph:calendar-fill |
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