<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="m9.653 16.915l-.005-.003l-.019-.01l-.067-.035l-.243-.135a22 22 0 0 1-3.434-2.412C4.045 12.733 2 10.352 2 7.5a4.5 4.5 0 0 1 8-2.828A4.5 4.5 0 0 1 18 7.5c0 2.852-2.044 5.233-3.885 6.82a22 22 0 0 1-3.744 2.582l-.019.01l-.005.003h-.002a.74.74 0 0 1-.69.001z"/></g></svg>
Customize
About this icon
This is the heart 20 icon from HeroIcons, 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 20 × 20 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 | HeroIcons (version 1.2.3) |
| Author | Refactoring UI Inc |
| Licence | MIT |
| Style | filled |
| Original size | 20 × 20 |
| Name | heroicons:heart-20-solid |
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