Icon sets / Fluent UI System Icons / document-heart-24-regular
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><path fill="currentColor" d="M18 20.5a.5.5 0 0 0 .5-.5V10H14a2 2 0 0 1-2-2V3.5H6a.5.5 0 0 0-.5.5v7.31a4.5 4.5 0 0 0-1.5-.075V4a2 2 0 0 1 2-2h6.172c.515 0 1.047.22 1.413.586l5.829 5.828A2 2 0 0 1 20 9.828V20a2 2 0 0 1-2 2H9.49l1.5-1.5zm-.622-12L13.5 4.621V8a.5.5 0 0 0 .5.5zM6.484 22.53a.747.747 0 0 0 1.06 0l4.409-4.408a3.467 3.467 0 1 0-4.903-4.903l-.036.036l-.036-.036a3.467 3.467 0 1 0-4.902 4.903z"/></g></svg>
Customize
About this icon
This is the document heart 24 icon from Fluent UI System Icons, in its solid style. Hearts usually mean "like" or "save". A common trick is the outline for off and a filled heart for on.
It's a solid shape on a 24 × 24 grid. It holds up well at 16 px and takes any colour cleanly.
It's free for personal and commercial use (MIT).
| Icon set | Fluent UI System Icons (version 1.2.60) |
| Author | Microsoft Corporation |
| Licence | MIT |
| Style | solid |
| Original size | 24 × 24 |
| Name | fluent:document-heart-24-regular |
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