Icon sets / Material Symbols / dine-heart
<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="M12 11q-1.7-1.55-2.775-2.613T7.55 6.55t-.825-1.362T6.5 4q0-1.25.875-2.125T9.525 1q.7 0 1.35.313T12 2.15q.475-.525 1.125-.837T14.475 1q1.275 0 2.15.875T17.5 4q0 .6-.225 1.188T16.45 6.55t-1.675 1.838T12 11M3 22v-3.05q-.45-.125-.75-.475t-.35-.85L1 8h.625q.575 0 1.013.4t.487.975l.6 6.625H8q.825 0 1.413.588T10 18v1H9v3H7.5v-3h-3v3zm8 0v-8H5q0-.825.588-1.412T7 12h10q.825 0 1.413.588T19 14h-6v8zm4 0v-3h-1v-1q0-.825.588-1.412T16 16h4.3l.6-6.625q.05-.575.475-.975t1-.4H23l-.875 9.625q-.05.5-.362.85T21 18.95V22h-1.5v-3h-3v3z"/></g></svg>
Customize
About this icon
This is the dine heart icon from Material Symbols, 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 24 × 24 grid. Solid icons stay readable at small sizes and recolour cleanly.
It's free for personal and commercial use (Apache 2.0). Not quite the look you need? The same symbol comes in 6 other styles below.
| Icon set | Material Symbols (version 1.2.96) |
| Author | |
| Licence | Apache 2.0 |
| Style | solid |
| Original size | 24 × 24 |
| Name | material-symbols:dine-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