Icon sets / Framework7 Icons / heart
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 56 56"><g transform="translate(0 0)"><path fill="currentColor" d="M4.727 20.64c0 9.985 8.367 19.805 21.562 28.243c.516.304 1.219.633 1.711.633s1.195-.328 1.688-.633c13.218-8.438 21.586-18.258 21.586-28.242c0-8.297-5.696-14.157-13.29-14.157c-4.359 0-7.875 2.063-9.984 5.227c-2.11-3.14-5.648-5.227-9.984-5.227c-7.594 0-13.29 5.86-13.29 14.157m3.773 0c0-6.234 4.031-10.382 9.469-10.382c4.406 0 6.914 2.742 8.437 5.086c.633.937 1.032 1.195 1.594 1.195s.914-.281 1.594-1.195c1.593-2.297 4.054-5.086 8.437-5.086c5.438 0 9.469 4.148 9.469 10.383c0 8.718-9.211 18.117-19.031 24.632c-.235.164-.375.282-.469.282s-.258-.117-.492-.282C17.71 38.758 8.5 29.36 8.5 20.641"/></g></svg>
Customize
About this icon
This is the heart icon from Framework7 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 56 × 56 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 more than 20 other styles below.
| Icon set | Framework7 Icons (version 1.2.2) |
| Author | Vladimir Kharlampidi |
| Licence | MIT |
| Style | solid |
| Original size | 56 × 56 |
| Name | f7:heart |
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