<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 28h-20v-4a12 12 0 0 0-24 0v4H92v-4a12 12 0 0 0-24 0v4H48a20 20 0 0 0-20 20v160a20 20 0 0 0 20 20h160a20 20 0 0 0 20-20V48a20 20 0 0 0-20-20m-4 176H52V52h16a12 12 0 0 0 24 0h72a12 12 0 0 0 24 0h16ZM152 84a35.86 35.86 0 0 0-24 9.19A36 36 0 0 0 68 120c0 17 9.53 33.56 28.32 49.22a151.5 151.5 0 0 0 26.31 17.51a12 12 0 0 0 10.74 0a151.5 151.5 0 0 0 26.31-17.51C178.47 153.56 188 137 188 120a36 36 0 0 0-36-36m-24 78.29c-13.15-7.86-36-25.06-36-42.29a12 12 0 0 1 24 0a12 12 0 0 0 24 0a12 12 0 0 1 24 0c0 17.23-22.86 34.44-36 42.29"/></g></svg>
Customize
About this icon
A bold calendar heart icon from Phosphor. 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 | bold |
| Original size | 256 × 256 |
| Name | ph:calendar-heart-bold |
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