Icon sets / Fluent UI System Icons / document-heart-20-regular
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 20 20"><g transform="translate(0 0)"><path fill="currentColor" d="M4 4a2 2 0 0 1 2-2h4.586a1.5 1.5 0 0 1 1.06.44l3.915 3.914A1.5 1.5 0 0 1 16 7.414V16a2 2 0 0 1-2 2H8.45l1-1H14a1 1 0 0 0 1-1V8h-3.5A1.5 1.5 0 0 1 10 6.5V3H6a1 1 0 0 0-1 1v5.175a4 4 0 0 0-1-.172zm7-.793V6.5a.5.5 0 0 0 .5.5h3.293zM5.649 18.68a.497.497 0 0 0 .707 0l3.814-3.814a2.85 2.85 0 1 0-4.031-4.031l-.136.136l-.137-.136a2.85 2.85 0 1 0-4.031 4.031z"/></g></svg>
Customize
About this icon
This is the document heart 20 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 20 × 20 grid. Shapes like this read well on buttons and at small sizes.
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 | 20 × 20 |
| Name | fluent:document-heart-20-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