Icon sets / Material Symbols / dine-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="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 11m0-2.7q1.8-1.65 2.65-2.687T15.5 4q0-.425-.3-.712T14.475 3q-.3 0-.587.175T13.3 3.7l-1.275 1.475L10.75 3.75q-.35-.4-.638-.575T9.526 3Q9.1 3 8.8 3.288T8.5 4q0 .575.85 1.613T12 8.3M3 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-3v3zM12 8.3"/></g></svg>
Customize
About this icon
Dine heart outline, drawn in the outline style of Material Symbols. 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 6 other styles below.
| Icon set | Material Symbols (version 1.2.96) |
| Author | |
| Licence | Apache 2.0 |
| Style | outline |
| Original size | 24 × 24 |
| Name | material-symbols:dine-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