Icon sets / Fluent UI System Icons / document-heart-20-filled
<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="M10 6.5V2H5.5A1.5 1.5 0 0 0 4 3.5v5.503a3.84 3.84 0 0 1 2.003.654a3.852 3.852 0 0 1 4.875 5.916L8.45 18h6.05a1.5 1.5 0 0 0 1.5-1.5V8h-4.5A1.5 1.5 0 0 1 10 6.5m1 0V2.25L15.75 7H11.5a.5.5 0 0 1-.5-.5m-4.863 4.335a2.85 2.85 0 1 1 4.031 4.031L6.354 18.68a.5.5 0 0 1-.707 0l-3.814-3.814a2.85 2.85 0 1 1 4.031-4.031l.137.136zm4.031 4.031l-.353-.353Z"/></g></svg>
Customize
About this icon
The Fluent UI System Icons version of the document heart 20 icon, in a filled 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. Solid icons stay readable at small sizes and recolour 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 | filled |
| Original size | 20 × 20 |
| Name | fluent:document-heart-20-filled |
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