Icon sets / Fluent UI System Icons / heart-24-filled
<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="m12.82 5.58l-.82.822l-.824-.824a5.375 5.375 0 1 0-7.601 7.602l7.895 7.895a.75.75 0 0 0 1.06 0l7.902-7.897a5.376 5.376 0 0 0-.001-7.599a5.38 5.38 0 0 0-7.611 0"/></g></svg>
Customize
About this icon
This is the heart 24 icon from Fluent UI System Icons, in its 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 24 × 24 grid. Shapes like this read well on buttons and at small sizes.
It's free for personal and commercial use (MIT). Not quite the look you need? The same symbol comes in 2 other styles below.
| Icon set | Fluent UI System Icons (version 1.2.60) |
| Author | Microsoft Corporation |
| Licence | MIT |
| Style | filled |
| Original size | 24 × 24 |
| Name | fluent:heart-24-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