Icon sets / Pepicons Pop! / heart
<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" fill-rule="evenodd" d="M6.032 5.594C4.89 5.866 4 6.696 4 8.163c0 1.967 1.676 4.094 6 6.226c4.324-2.132 6-4.26 6-6.226c0-1.467-.889-2.297-2.032-2.57c-1.218-.29-2.523.103-3.167.965a1 1 0 0 1-1.602 0c-.644-.862-1.95-1.255-3.167-.964M10 4.543c-1.25-.98-2.965-1.245-4.432-.895C3.678 4.1 2 5.621 2 8.163c0 3.326 2.88 6.016 7.571 8.24a1 1 0 0 0 .857 0C15.12 14.18 18 11.49 18 8.164c0-2.542-1.678-4.064-3.568-4.515c-1.467-.35-3.183-.084-4.432.895" clip-rule="evenodd"/></g></svg>
Customize
About this icon
This is the heart icon from Pepicons Pop!, 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. It holds up well at 16 px and takes any colour cleanly.
It's free for commercial use if you credit the author (CC BY 4.0). Not quite the look you need? The same symbol comes in more than 20 other styles below.
| Icon set | Pepicons Pop! (version 1.2.4) |
| Author | CyCraft |
| Licence | CC BY 4.0 |
| Style | solid |
| Original size | 20 × 20 |
| Name | pepicons-pop:heart |
Topics
Credit (optional)
This icon's licence asks you to credit the author. You can paste this line on your site:
Something wrong with this icon? Report it