Icon sets / IconPark TwoTone / heart-ballon
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 48 48"><g transform="translate(0 0)"><defs><mask id="SVG2HSJ85Qo"><g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#555" d="M17.333 4C13.333 4 12 7.156 12 11.05C12 18.1 19.8 24.51 24 26c4.2-1.49 12-7.9 12-14.95C36 7.156 34.312 4 30.667 4C28.434 4 25.194 7.077 24 8.889C22.806 7.077 19.566 4 17.333 4"/><path d="M24 26c-2 1.09-5 3.5-5 7s10 2.5 10 6s-11 5-11 5"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG2HSJ85Qo)"/></g></svg>
Customize
About this icon
A line heart ballon icon from IconPark TwoTone. Hearts usually mean "like" or "save". A common trick is the outline for off and a filled heart for on.
It's drawn with lines on a 48 × 48 grid. The lines are about 2 px at 24 px, so it stays crisp even at 16 px. Want it heavier? Drag the stroke slider, then download.
It's free for personal and commercial use (Apache 2.0). Not quite the look you need? The same symbol comes in 2 other styles below.
| Icon set | IconPark TwoTone (version 1.2.4) |
| Author | ByteDance |
| Licence | Apache 2.0 |
| Style | line |
| Original size | 48 × 48 |
| Name | icon-park-twotone:heart-ballon |
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