Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as drink, beverage, take away, coffee shop, coffee cup, Paper cup, food and restaurant, to go cup, and cup carrier. 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 0h-190.633v35.453a8 8 0 0 0 8 8H-8a8 8 0 0 0 8-8z"
transform="translate(220.252 387.991)"
fill="#edf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.42 0-8-3.58-8-8v-35.45h-25V-8c0 4.42 3.58 8 8 8z"
transform="translate(62.623 431.444)"
fill="#cde2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-183.806l-9.814 243.023H9.814Z"
transform="translate(216.84 132.034)"
fill="#edf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25l-9.81 243.02h25z"
transform="translate(58.033 132.034)"
fill="#cde2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-215.872a6 6 0 0 0-6 6v28.237a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6"
transform="translate(232.872 359.058)"
fill="#6c7fd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-3.32 0-6 2.69-6 6v28.24c0 3.31 2.68 6 6 6H0c-3.32 0-6-2.69-6-6V6c0-3.31 2.68-6 6-6"
transform="translate(42.003 359.054)"
fill="#4f66d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-190.633v35.453a8 8 0 0 0 8 8H-8a8 8 0 0 0 8-8z"
transform="translate(482.38 387.991)"
fill="#edf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.41 0-8-3.58-8-8v-35.45h-25V-8c0 4.42 3.59 8 8 8z"
transform="translate(324.743 431.444)"
fill="#cde2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-204.867a4 4 0 0 0-3.994 3.787l-5.434 102.087a4 4 0 0 0 3.994 4.213H5.434a4 4 0 0 0 3.995-4.213L3.994 3.787A4 4 0 0 0 0 0"
transform="translate(227.37 198.502)"
fill="#b57f5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25a3.99 3.99 0 0 0-3.99 3.79l-5.44 102.08a3.999 3.999 0 0 0 4 4.21h25c-2.3 0-4.12-1.92-4-4.21L-3.99 3.79A3.99 3.99 0 0 1 0 0"
transform="translate(47.503 198.504)"
fill="#9f6e50"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.025-12.991-29.015-29.015-29.015-16.025 0-29.016 12.99-29.016 29.015s12.991 29.015 29.016 29.015C-12.991 29.015 0 16.025 0 0"
transform="translate(153.952 253.546)"
fill="#ff7b7b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-183.806l-9.814 243.023H9.814Z"
transform="translate(478.967 132.034)"
fill="#edf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25l-9.82 243.02h25z"
transform="translate(320.163 132.034)"
fill="#cde2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-215.872a6 6 0 0 0-6 6v28.237a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6"
transform="translate(495 359.058)"
fill="#6c7fd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-3.31 0-6 2.69-6 6v28.24c0 3.31 2.69 6 6 6H0c-3.31 0-6-2.69-6-6V6c0-3.31 2.69-6 6-6"
transform="translate(304.123 359.054)"
fill="#4f66d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-204.867a4 4 0 0 0-3.994 3.787l-5.434 102.087a4 4 0 0 0 3.994 4.213H5.434a4 4 0 0 0 3.995-4.213L3.994 3.787A4 4 0 0 0 0 0"
transform="translate(489.497 198.502)"
fill="#b57f5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-2.13 0-3.88 1.66-4 3.79l-5.43 102.08a3.997 3.997 0 0 0 3.99 4.21h25c-2.29 0-4.11-1.92-3.99-4.21L-4 3.79A4.005 4.005 0 0 1 0 0"
transform="translate(309.633 198.504)"
fill="#9f6e50"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.025-12.991-29.015-29.015-29.015-16.025 0-29.016 12.99-29.016 29.015s12.991 29.015 29.016 29.015C-12.991 29.015 0 16.025 0 0"
transform="translate(416.08 253.546)"
fill="#ff7b7b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-485a6 6 0 0 1-6-6v-31.913a6 6 0 0 1 6-6h15.55a4 4 0 0 0 3.888-3.062l3.087-12.789a3.998 3.998 0 0 1 3.888-3.062h170.046a4 4 0 0 1 3.889 3.062l3.086 12.789a4 4 0 0 0 3.888 3.062h70.356a4 4 0 0 0 3.888-3.062l3.086-12.789a4 4 0 0 1 3.889-3.062h170.046a3.998 3.998 0 0 1 3.888 3.062l3.087 12.789a4 4 0 0 0 3.888 3.062H0a6 6 0 0 1 6 6V-6a6 6 0 0 1-6 6"
transform="translate(498.5 143.382)"
fill="#6c7fd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-1.88.79-3.56 2.05-4.7-.47.2-.97.3-1.5.3H-15c-3.32 0-6 2.69-6 6v31.92c0 3.31 2.68 6 6 6H6c-3.32 0-6-2.8-6-6.26z"
transform="translate(28.503 103.864)"
fill="#4f66d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-2.22-55.12"
transform="translate(219.52 198.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-2.04-50.47"
transform="translate(226 359.06)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-2.04 50.47"
transform="translate(25.91 308.59)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-2.22 55.12"
transform="translate(32.57 143.38)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-215.872a6 6 0 0 0-6 6v28.237a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6Z"
transform="translate(232.872 359.058)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v24.15c0 4.42 3.58 8 8 8h174.63c4.42 0 8-3.58 8-8V0"
transform="translate(29.62 399.29)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-204.867a4 4 0 0 0-3.994 3.787l-5.434 102.087a4 4 0 0 0 3.994 4.213H5.434a4 4 0 0 0 3.995-4.213L3.994 3.787A4 4 0 0 0 0 0Z"
transform="translate(227.37 198.502)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-16.025-12.991-29.015-29.015-29.015-16.025 0-29.016 12.99-29.016 29.015s12.991 29.015 29.016 29.015C-12.991 29.015 0 16.025 0 0Z"
transform="translate(153.952 253.546)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-2.03-50.47"
transform="translate(488.13 359.06)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-2.03 50.47"
transform="translate(288.03 308.59)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-2.22-55.12"
transform="translate(481.65 198.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-2.22 55.12"
transform="translate(294.7 143.38)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h27.41c3.31 0 6 2.68 6 6v28.23c0 3.32-2.69 6-6 6h-215.87c-3.32 0-6-2.68-6-6V6c0-3.32 2.68-6 6-6H-35"
transform="translate(467.59 359.06)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v24.15c0 4.42 3.58 8 8 8h174.63c4.42 0 8-3.58 8-8V0"
transform="translate(291.75 399.29)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-204.867a4 4 0 0 0-3.994 3.787l-5.434 102.087a4 4 0 0 0 3.994 4.213H5.434a4 4 0 0 0 3.995-4.213L3.994 3.787A4 4 0 0 0 0 0Z"
transform="translate(489.497 198.502)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-16.025-12.991-29.015-29.015-29.015-16.025 0-29.016 12.99-29.016 29.015s12.991 29.015 29.016 29.015C-12.991 29.015 0 16.025 0 0Z"
transform="translate(416.08 253.546)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h409.69c3.31 0 6-2.68 6-6v-31.91c0-3.31-2.69-6-6-6h-15.55c-1.85 0-3.46-1.27-3.89-3.06l-3.08-12.79a4.008 4.008 0 0 0-3.89-3.06H213.23a4 4 0 0 0-3.89 3.06l-3.08 12.79a4.01 4.01 0 0 1-3.89 3.06h-70.36a4.01 4.01 0 0 1-3.89-3.06l-3.08-12.79a4 4 0 0 0-3.89-3.06H-48.9c-1.84 0-3.45 1.26-3.89 3.06l-3.08 12.79a4.002 4.002 0 0 1-3.89 3.06h-15.55c-3.31 0-6 2.69-6 6V-6c0 3.32 2.69 6 6 6H-35"
transform="translate(88.81 143.38)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category