<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><g transform="translate(0 0)"><path fill="currentColor" d="M32 456a24 24 0 0 0 24 24h400a24 24 0 0 0 24-24V176H32Zm310.17-244H368v200h-32V256.29l-35.39 26.08l-19-25.76ZM222 335.3c-8.54-8.74-22.75-12.67-30.11-12.67h-16v-32h16c4.85 0 17.41-2.6 25.28-10.65a22 22 0 0 0 6.57-16.08c0-23.23-28.63-23.9-31.89-23.9c-17.34 0-23.8 10.61-24.07 11.06l-8.13 13.78l-27.56-16.27l8.14-13.77c7.64-13 25.22-26.8 51.62-26.8c16.44 0 31.76 4.77 43.13 13.42c13.39 10.2 20.76 25.28 20.76 42.48A54 54 0 0 1 240 302.35c-1.15 1.18-2.36 2.28-3.59 3.35a66 66 0 0 1 8.42 7.23c10.56 10.8 16.14 25.75 16.14 43.25c0 18.06-7.61 34-21.42 44.92c-12.17 9.61-28.75 14.9-46.7 14.9c-27.87 0-48.48-18.16-57.66-33.7l-8.13-13.78l27.56-16.27l8.16 13.75c1.08 1.84 11.15 18 30.1 18c16.66 0 36.12-7.29 36.12-27.82c0-6.25-1.22-14.95-7-20.88M456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 0 0-24 23.77V144h448V87.77A23.8 23.8 0 0 0 456 64"/></g></svg>
Customize
About this icon
The IonIcons version of the calendar number icon, in a sharp-cornered 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 512 × 512 grid. It holds up well at 16 px and takes any colour cleanly.
It's free for personal and commercial use (MIT). Not quite the look you need? The same symbol comes in 3 other styles below.
| Icon set | IonIcons (version 1.2.7) |
| Author | Ben Sperry |
| Licence | MIT |
| Style | sharp-cornered |
| Original size | 512 × 512 |
| Name | ion:calendar-number-sharp |
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