Icon sets / Material Symbols Light / mood-heart-outline
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><path fill="currentColor" d="M15.312 10.616q.467 0 .789-.327t.322-.793t-.326-.79q-.327-.321-.794-.321t-.789.326t-.322.793t.327.79q.326.322.793.322m-6.615 0q.466 0 .788-.327q.323-.327.323-.793q0-.467-.327-.79q-.327-.321-.793-.321q-.467 0-.789.326q-.322.327-.322.793q0 .467.326.79q.327.322.794.322m5.948 5.48q1.195-.79 1.801-2.096H7.554q.605 1.306 1.8 2.095t2.646.79t2.645-.79M12.003 21q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924t-1.925-2.856T3 12.003t.709-3.51q.709-1.643 1.924-2.859T8.49 3.709T12 3q.19 0 .371.003t.373.028q-.066.252-.093.498q-.028.246-.022.496Q12.467 4 12.315 4H12Q8.675 4 6.337 6.338T4 12t2.338 5.663T12 20t5.663-2.337T20 12q0-.525-.065-1.018q-.066-.493-.19-.993q.25-.056.487-.13q.237-.072.476-.163q.136.554.214 1.123T21 12q0 1.868-.708 3.51t-1.924 2.858t-2.856 1.923t-3.509.709m6.532-13.27l-2.962-2.96q-.287-.287-.395-.598t-.109-.622q0-.68.483-1.211q.484-.531 1.24-.531q.601 0 .945.277t.798.73q.442-.442.79-.724q.349-.283.961-.283q.781 0 1.248.532q.466.53.466 1.21q0 .319-.121.638t-.383.58z"/></g></svg>
Customize
About this icon
The Material Symbols Light version of the mood heart icon, in a outline 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 24 × 24 grid. It holds up well at 16 px and takes any colour cleanly.
It's free for personal and commercial use (Apache 2.0). Not quite the look you need? The same symbol comes in 5 other styles below.
| Icon set | Material Symbols Light (version 1.2.97) |
| Author | |
| Licence | Apache 2.0 |
| Style | outline |
| Original size | 24 × 24 |
| Name | material-symbols-light:mood-heart-outline |
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