Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as food, hot drink, coffee cup, mug, coffee breaks, cafe, tea cup, and food and restaurant. Created in a clean lineal color style, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 .004-52.917c.125-84.319 4.538-152.455 159.886-152.455 155.348 0 159.76 68.136 159.885 152.455L319.779 0z"
transform="translate(89.261 378.686)"
fill="#fff29d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-190.615c-53.634 0-106.067 13.918-150.693 40h492C106.066 13.918 53.634 0 0 0"
transform="translate(351.308 133.314)"
fill="#9fedbb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-24.895-11.95-52.826-5.492-62.385 14.424-9.56 19.916 2.872 45.748 27.767 57.698 24.895 11.949 52.826 5.491 62.386-14.425C37.327 37.781 24.895 11.949 0 0"
transform="translate(266.46 219.817)"
fill="#eabaa3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-21.18-8.58-40.35-22.45-54.23C-36.33-68.11-55.51-76.7-76.69-76.7h-9c3.275 13.161 4.631 26.724 5.31 40.25h3.69c20.089 0 36.45 16.36 36.45 36.45 0 4.99-4.06 9.06-9.05 9.06h-30.46V49.3h30.46C-22.06 49.3 0 27.23 0 0"
transform="translate(488.79 329.38)"
fill="#ffeb53"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-190.615c-53.634 0-106.067 13.918-150.693 40h492C106.066 13.918 53.634 0 0 0Z"
transform="translate(351.308 133.314)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-24.895-11.95-52.826-5.492-62.385 14.424-9.56 19.916 2.872 45.748 27.767 57.698 24.895 11.949 52.826 5.491 62.386-14.425C37.327 37.781 24.895 11.949 0 0Z"
transform="translate(266.46 219.817)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-90.153-43.273"
transform="translate(294.228 277.514)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h3.689C23.779 0 40.14 16.36 40.14 36.45c0 4.99-4.06 9.06-9.05 9.06H.63"
transform="translate(408.41 292.93)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h30.46c27.23 0 49.29-22.07 49.29-49.3 0-21.179-8.58-40.35-22.45-54.23C43.42-117.41 24.24-126 3.06-126h-9"
transform="translate(409.04 378.68)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-124.739l.005-52.917c.125-84.319 4.537-152.455 159.885-152.455 155.348 0 159.76 68.136 159.885 152.455L195.04 0H84"
transform="translate(214 378.686)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-319.774"
transform="translate(409.04 338.441)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.523-4.478-10-10-10-5.523 0-10 4.477-10 10s4.477 10 10 10C-4.478 10 0 5.523 0 0"
transform="translate(266 378.686)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category