dine heart outline

Material Symbols icon · dine-heart-outline

License: Apache 2.0
Author: Google
Grid: 24×24

Check the license before commercial use. Some sets ask you to credit the author.

Use this icon in your code

Pick how you want to install it. The snippets follow the color, size and stroke you set in the panel.

Smallest install: just this one library.

terminal

npm install @rdicons/react-material-symbols

your code

import { DineHeartOutline } from '@rdicons/react-material-symbols'

export function Example() {
  return <DineHeartOutline />
}

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#000000" 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"/></svg>

dine heart outline

Use this icon in your code

SVG code

More from Material Symbols