<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 34h-26V24a6 6 0 0 0-12 0v10H86V24a6 6 0 0 0-12 0v10H48a14 14 0 0 0-14 14v160a14 14 0 0 0 14 14h160a14 14 0 0 0 14-14V48a14 14 0 0 0-14-14m2 174a2 2 0 0 1-2 2H48a2 2 0 0 1-2-2V48a2 2 0 0 1 2-2h26v10a6 6 0 0 0 12 0V46h84v10a6 6 0 0 0 12 0V46h26a2 2 0 0 1 2 2ZM152 90a30 30 0 0 0-24 12a30 30 0 0 0-54 18c0 35.3 49.22 60.32 51.32 61.37a6 6 0 0 0 5.36 0C132.78 180.32 182 155.3 182 120a30 30 0 0 0-30-30m-3.67 65.25A138 138 0 0 1 128 169.19a139 139 0 0 1-20.33-13.94C97.78 147 86 134.15 86 120a18 18 0 0 1 36 0a6 6 0 0 0 12 0a18 18 0 0 1 36 0c0 14.15-11.78 27-21.67 35.25"/></g></svg>
Customize
About this icon
This is the calendar heart icon from Phosphor, in its light 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. Solid icons stay readable at small sizes and recolour cleanly.
It's free for personal and commercial use (MIT). Not quite the look you need? The same symbol comes in 22 other styles below.
| Icon set | Phosphor (version 1.2.2) |
| Author | Phosphor Icons |
| Licence | MIT |
| Style | light |
| Original size | 256 × 256 |
| Name | ph:calendar-heart-light |
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