<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 16 16"><g transform="translate(0 0)"><path fill="currentColor" d="M5.75 7.5a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m1.5.75A.75.75 0 0 1 8 7.5h2.25a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75M5.75 9.5a.75.75 0 0 0 0 1.5H8a.75.75 0 0 0 0-1.5z"/><path fill="currentColor" fill-rule="evenodd" d="M4.75 1a.75.75 0 0 0-.75.75V3a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2V1.75a.75.75 0 0 0-1.5 0V3h-5V1.75A.75.75 0 0 0 4.75 1M3.5 7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v4.5a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1z" clip-rule="evenodd"/></g></svg>
Customize
About this icon
The HeroIcons version of the calendar date range 16 icon, in a 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 16 × 16 grid. Solid icons stay readable at small sizes and recolour cleanly.
It's free for personal and commercial use (MIT).
| Icon set | HeroIcons (version 1.2.3) |
| Author | Refactoring UI Inc |
| Licence | MIT |
| Style | filled |
| Original size | 16 × 16 |
| Name | heroicons:calendar-date-range-16-solid |
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