Icon sets / Material Line Icons / heart-twotone-half-filled
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><g fill="currentColor" fill-opacity="0"><path d="M12 8c0 0 0 0 -0.76 -1c-0.88 -1.16 -2.18 -2 -3.74 -2c-2.49 0 -4.5 2.01 -4.5 4.5c0 0.93 0.28 1.79 0.76 2.5c0.81 1.21 8.24 9 8.24 9Z"><animate fill="freeze" attributeName="fill-opacity" begin="0.6s" dur="0.4s" to="1"/></path><path d="M12 8c0 0 0 0 0.76 -1c0.88 -1.16 2.18 -2 3.74 -2c2.49 0 4.5 2.01 4.5 4.5c0 0.93 -0.28 1.79 -0.76 2.5c-0.81 1.21 -8.24 9 -8.24 9Z"><animate fill="freeze" attributeName="fill-opacity" begin="0.6s" dur="0.15s" to=".3"/></path></g><path fill="none" stroke="currentColor" stroke-dasharray="30" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c0 0 0 0 -0.76 -1c-0.88 -1.16 -2.18 -2 -3.74 -2c-2.49 0 -4.5 2.01 -4.5 4.5c0 0.93 0.28 1.79 0.76 2.5c0.81 1.21 8.24 9 8.24 9M12 8c0 0 0 0 0.76 -1c0.88 -1.16 2.18 -2 3.74 -2c2.49 0 4.5 2.01 4.5 4.5c0 0.93 -0.28 1.79 -0.76 2.5c-0.81 1.21 -8.24 9 -8.24 9"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="30;0"/></path></g></svg>
Customize
About this icon
This is the heart twotone half icon from Material Line 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 drawn with lines on a 24 × 24 grid. The lines are about 2 px at 24 px, so it stays crisp even at 16 px. Use the stroke slider to make it thinner or bolder before you download.
It's free for personal and commercial use (MIT).
| Icon set | Material Line Icons (version 1.2.16) |
| Author | Vjacheslav Trushkin |
| Licence | MIT |
| Style | filled |
| Original size | 24 × 24 |
| Name | line-md:heart-twotone-half-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