Latte Art color icon
The color version of the latte art line icon: the same drawing with a soft fill behind it. Pick any color and the fill follows. Also in solid.
16
20
24
32
48
Style
Color
PNG size
Free for personal and commercial use. No attribution required.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#f7f6a1" stroke="none"><path fill-rule="evenodd" d="m19.31 8.56-.52-1.06-.65-.98-.78-.88-.88-.78-.98-.65-1.06-.52-1.11-.38-1.16-.23L11 3l-1.17.08-1.16.23-1.11.38-1.06.52-.98.65-.88.78-.78.88-.65.98-.52 1.06-.38 1.11-.23 1.16L2 12l.08 1.17.23 1.16.38 1.11.52 1.06.65.98.78.88.88.78.98.65 1.06.52 1.11.38 1.16.23L11 21l1.17-.08 1.16-.23 1.11-.38 1.06-.52.98-.65.88-.78.78-.88.65-.98.52-1.06.26-.74 1.21-.04.76-.26.65-.47.27-.31.32-.57.2-.77v-.56l-.2-.77-.32-.57-.58-.57-.71-.37-.54-.12-1.06-.02ZM20 12l-.05-.7.45.01.29.11.21.23.1.3-.05.3-.18.26-.26.16-.25.03h-.31Zm-9-1.85.65-.6.63-.27.62-.07.86.18.53.33.46.5.27.56.12.87-.1.84-.18.61-.3.61-.43.61-.74.78-.71.58-1.15.77-.53.25-.53-.25-1.15-.77-.91-.77-.55-.6-.42-.6-.37-.79-.14-.6-.07-.93.12-.61.3-.61.64-.6.57-.26.61-.1.62.07.63.27Z"/></g><g fill="none" stroke="#63621d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="12" r="8"/><path d="M19 10.3h1.3a1.7 1.7 0 0 1 0 3.4H19m-8 2.6c-2.6-1.5-3.7-3-3.7-4.4a1.8 1.8 0 0 1 3.7-.8 1.8 1.8 0 0 1 3.7.8c0 1.4-1.1 2.9-3.7 4.4"/></g></svg>Want it moving? See the animated latte art icon.