Add icons to this collection by clicking the heart icon.
Coffee icon - also known as breakfast, coffee, beverage, hot, coffee cup, caffeine, latte, food and restaurant, tea party, and latte macchiato. Created in a clean flat style with a white, silver, maroon, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 48 48"
>
<g>
<path
fill="#ebdfcd"
d="M17 14a3 3 0 0 0-3 3 2.965 2.965 0 0 0 .77 2H11a5 5 0 0 1 5-5z"
/>
<path
fill="#fffbef"
d="M18 1a2.938 2.938 0 0 1 3 3v.44a8.328 8.328 0 0 0-2.98 1.58L18 6a3.7 3.7 0 0 1-2-3 1.959 1.959 0 0 1 2-2zM32 3a3.7 3.7 0 0 1-2 3l-.02.02A8.328 8.328 0 0 0 27 4.44V4a2.938 2.938 0 0 1 3-3 1.959 1.959 0 0 1 2 2z"
/>
<path
fill="#ebdfcd"
d="M32 14a5 5 0 0 1 5 5h-3.77a2.965 2.965 0 0 0 .77-2 3 3 0 0 0-3-3zM24 16a9.287 9.287 0 0 0 5.98-2.02L30 14h1a3 3 0 0 0-3 3 2.965 2.965 0 0 0 .77 2h-9.54a2.965 2.965 0 0 0 .77-2 3 3 0 0 0-3-3h1l.02-.02A9.287 9.287 0 0 0 24 16z"
/>
<g fill="#fffbef">
<path
d="M17 14a3 3 0 0 1 3 3 3 3 0 0 1-6 0 3 3 0 0 1 3-3zM28 17a3 3 0 0 1 6 0 3 3 0 0 1-6 0z"
/>
<path
d="M27 4.44a8.328 8.328 0 0 1 2.98 1.58A5.233 5.233 0 0 1 32 10a5.233 5.233 0 0 1-2.02 3.98A9.287 9.287 0 0 1 24 16a9.287 9.287 0 0 1-5.98-2.02A5.233 5.233 0 0 1 16 10a5.217 5.217 0 0 1 2.02-3.98A8.328 8.328 0 0 1 21 4.44a10.447 10.447 0 0 1 6 0z"
/>
</g>
<path
fill="#c7b198"
d="M24 43h18a3.995 3.995 0 0 1-4 4H10a4 4 0 0 1-4-4z"
/>
<path
fill="#f3f3f3"
d="M36.66 34.97A14 14 0 0 1 10 29V19h4.77a2.986 2.986 0 0 0 4.46 0h9.54a2.986 2.986 0 0 0 4.46 0H38v10a13.892 13.892 0 0 1-1.34 5.97z"
/>
<ellipse cx="24" cy="11.5" fill="#ebdfcd" rx="3" ry="2.5" />
<path
fill="#f5dabb"
d="M18.02 6.02A8.328 8.328 0 0 1 21 4.44V4a3.269 3.269 0 0 0-.03-.347A2.9 2.9 0 0 0 19 3a1.959 1.959 0 0 0-2 2 2.8 2.8 0 0 0 .034.281A4.381 4.381 0 0 0 18 6zM29 3a2.9 2.9 0 0 0-1.97.653A3.269 3.269 0 0 0 27 4v.44a8.328 8.328 0 0 1 2.98 1.58L30 6a4.381 4.381 0 0 0 .966-.719A2.8 2.8 0 0 0 31 5a1.959 1.959 0 0 0-2-2z"
/>
<path
fill="#f0ece1"
d="M17 18a2.94 2.94 0 0 1-2.23-1 2.976 2.976 0 0 1-.589-.993A2.928 2.928 0 0 0 14.77 19 3 3 0 0 0 20 17a2.973 2.973 0 0 0-.181-.993 2.976 2.976 0 0 1-.589.993A2.94 2.94 0 0 1 17 18zM33.23 17a2.986 2.986 0 0 1-4.46 0 2.976 2.976 0 0 1-.589-.993A2.928 2.928 0 0 0 28.77 19 3 3 0 0 0 34 17a2.973 2.973 0 0 0-.181-.993 2.976 2.976 0 0 1-.589.993z"
/>
<path
fill="#dfd4c3"
d="M31 14h-1l-.02-.02A9.287 9.287 0 0 1 24 16a9.287 9.287 0 0 1-5.98-2.02L18 14h-1a3 3 0 0 1 3 3c0 .064-.014.124-.017.186a10.319 10.319 0 0 0 8.034 0c0-.062-.017-.122-.017-.186a3 3 0 0 1 3-3z"
/>
<path
fill="#f2eee3"
d="M29.98 11.98A9.287 9.287 0 0 1 24 14a9.287 9.287 0 0 1-5.98-2.02A5.516 5.516 0 0 1 16.117 9 4.592 4.592 0 0 0 16 10a5.233 5.233 0 0 0 2.02 3.98A9.287 9.287 0 0 0 24 16a9.287 9.287 0 0 0 5.98-2.02A5.233 5.233 0 0 0 32 10a4.565 4.565 0 0 0-.117-1 5.524 5.524 0 0 1-1.903 2.98z"
/>
<path
fill="#dfd4c3"
d="M38 45a3.97 3.97 0 0 1 2.622 1c.067-.058.144-.107.208-.17A4.025 4.025 0 0 0 42 43H6a3.974 3.974 0 0 0 1.378 3A4 4 0 0 1 10 45z"
/>
<path
fill="#4b382e"
d="M26 12.5a2.5 2.5 0 0 1-2-1 2.342 2.342 0 0 1-.24.27 2.44 2.44 0 0 1-1.76.73.5.5 0 0 1 0-1 1.514 1.514 0 0 0 1.5-1.5.5.5 0 0 1 1 0 1.5 1.5 0 0 0 1.5 1.5.5.5 0 0 1 0 1z"
/>
<circle cx="27" cy="8" r="1" fill="#463325" />
<circle cx="21" cy="8" r="1" fill="#463325" />
<path
fill="#ebeae8"
d="M40 20h-2v2h2a3 3 0 0 1 3 3v2a7.027 7.027 0 0 1-5.9 6.906c-.136.36-.272.719-.436 1.064s-.349.691-.542 1.025c.21 0 .421-.01.622-.028A9.036 9.036 0 0 0 45 27v-2a5.006 5.006 0 0 0-5-5z"
/>
<path
fill="#dad9d7"
d="M38 20v2h2v-2zM39 33.309a6.906 6.906 0 0 1-1.9.6c-.136.36-.272.719-.436 1.064s-.349.691-.542 1.025c.21 0 .421-.01.622-.028a8.808 8.808 0 0 0 2.74-.681A1.981 1.981 0 0 1 39 34z"
/>
<circle cx="29" cy="11" r="2" fill="#ffc9c4" />
<circle cx="19" cy="11" r="2" fill="#ffc9c4" />
<path
fill="#fff"
d="M33 34V19.213A2.962 2.962 0 0 1 28.77 19H26v20a3.993 3.993 0 0 1-3.331 3.933c.438.041.882.067 1.331.067a9 9 0 0 0 9-9z"
/>
<path
fill="#f7f7f7"
d="M37 19h-3.77a2.9 2.9 0 0 1-.23.213V34a9 9 0 0 1-9 9 14.009 14.009 0 0 0 14-14V19z"
/>
</g>
</svg>
More icons in the same style and category