<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h16M4 8v8.8c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h9.606c1.118 0 1.677 0 2.104-.218c.377-.192.683-.498.875-.874c.218-.428.218-.986.218-2.104V8M4 8v-.8c0-1.12 0-1.68.218-2.108c.192-.377.497-.682.874-.874C5.52 4 6.08 4 7.2 4H8m12 4v-.803c0-1.118 0-1.678-.218-2.105a2 2 0 0 0-.875-.874C18.48 4 17.92 4 16.8 4H16m0-2v2m0 0H8m0-2v2"/></g></svg>
Customize
About this icon
This is the calendar icon from coolicons, in its line style. Works for dates, bookings and events. In a date field, people expect it at the right end of the input.
It's drawn with lines on a 24 × 24 grid. The lines are about 2 px at 24 px, so it stays crisp even at 16 px. You can make the lines thinner or bolder with the slider above.
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 | coolicons (version 1.2.2) |
| Author | Kryston Schwarze |
| Licence | CC BY 4.0 |
| Style | line |
| Original size | 24 × 24 |
| Name | ci: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