Add icons to this collection by clicking the heart icon.
Coffee Cups icon - also known as coffee, tea, pack, coffee cup, carrier, holder, food and restaurant, coffee cups, to go cup, and cup carrier. Created in a clean flat 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>
<path
d="M0 0h-178.13l-27.598 268.266H27.598Z"
transform="matrix(1.33333 0 0 -1.33333 293.246 652.561)"
fill="#ac6d6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 4.242 41.238h-233.325L-224.841 0Z"
transform="matrix(1.33333 0 0 -1.33333 324.387 349.858)"
fill="#9a5e5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-27.603-268.267h-33.825L-33.824 0Z"
transform="matrix(1.33333 0 0 -1.33333 330.044 294.879)"
fill="#9a5e5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-186.28a7.726 7.726 0 1 0 0 15.453H0A7.726 7.726 0 1 0 0 0"
transform="translate(224.01 46.557)"
fill="#6f4545"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 37.796-37.796c3.69-3.69 1.077-10-4.142-10H1.716C-4.755-47.796-10-42.551-10-36.08v31.938C-10 1.077-3.69 3.69 0 0"
transform="translate(36.8 63.673)"
fill="#fb4a59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-37.796-37.796c-3.69-3.69-1.077-10 4.143-10h31.937c6.471 0 11.717 5.245 11.717 11.716v31.938C10.001 1.077 3.69 3.69 0 0"
transform="translate(224.939 63.673)"
fill="#fb4a59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-178.13l-27.598 268.266H27.598Z"
transform="translate(470.193 22.58)"
fill="#ac6d6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 4.242 41.238h-233.325L-224.841 0Z"
transform="translate(493.549 249.606)"
fill="#9a5e5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-27.603-268.267h-33.825L-33.824 0Z"
transform="translate(497.792 290.84)"
fill="#9a5e5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-186.281a7.726 7.726 0 1 0 0 15.453H0A7.726 7.726 0 1 0 0 0"
transform="translate(474.27 46.557)"
fill="#6f4545"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 37.797-37.796c3.689-3.69 1.076-10-4.143-10H1.716C-4.755-47.796-10-42.551-10-36.08v31.938C-10 1.077-3.69 3.69 0 0"
transform="translate(287.06 63.673)"
fill="#fb4a59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-37.796-37.796c-3.69-3.69-1.076-10 4.143-10h31.937c6.471 0 11.717 5.245 11.717 11.716v31.938C10.001 1.077 3.69 3.69 0 0"
transform="translate(475.197 63.673)"
fill="#fb4a59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-240.44c-6.471 0-11.716 5.245-11.716 11.716v36.59c0 6.47 5.245 11.715 11.716 11.715H0c6.471 0 11.717-5.245 11.717-11.715v-36.59C11.717 5.245 6.471 0 0 0m113.766 65.06c-1.582 22.178-20.036 39.355-42.261 39.355h-383.449c-22.226 0-40.679-17.177-42.261-39.355l-7.732-108.164h483.435z"
transform="translate(376.22 391.705)"
fill="#f82f41"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.356l-7.727 108.158c-1.586 22.181-20.037 39.363-42.258 39.363h34.346c22.222 0 40.672-17.182 42.259-39.363z"
transform="translate(497.722 348.602)"
fill="#e22334"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13.923-55.597c-1.851-7.393 3.74-14.557 11.362-14.557h488.563c7.622 0 13.214 7.164 11.362 14.557L483.441 0Z"
transform="translate(14.28 348.603)"
fill="#fb6572"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.346c7.623 0 13.217 7.17 11.363 14.556L-36.9 70.155h34.345l13.918-55.599C13.218 7.17 7.623 0 0 0"
transform="translate(500.276 278.446)"
fill="#fb4a59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-29.766-24.129-53.895-53.894-53.895-29.765 0-53.894 24.129-53.894 53.895 0 29.765 24.129 53.894 53.894 53.894C-24.129 53.894 0 29.765 0 0"
transform="translate(184.763 181.11)"
fill="#8b8088"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-29.768-24.138-53.895-53.895-53.895-5.13 0-10.088.712-14.782 2.056C-42.503-49.06-22.112-26.907-22.112 0c0 26.906-20.391 49.059-46.565 51.838a53.619 53.619 0 0 0 14.782 2.057C-24.138 53.895 0 29.767 0 0"
transform="translate(184.767 181.108)"
fill="#7a7179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.724 7.724 0 0 0-6.767 3.984 20.779 20.779 0 0 1-18.164 10.725c-7.541 0-14.501-4.109-18.166-10.725a7.726 7.726 0 1 0-13.516 7.487C-50.229 23-38.088 30.162-24.931 30.162-11.772 30.162.367 23 6.753 11.47A7.727 7.727 0 0 0 0 0"
transform="translate(155.8 187.156)"
fill="#6b616a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.848 0-22.967 5.819-29.742 15.564a7.727 7.727 0 0 0 12.687 8.822A20.788 20.788 0 0 1 0 15.453c6.79 0 13.165 3.339 17.054 8.933a7.727 7.727 0 0 0 12.687-8.822C22.966 5.819 11.849 0 0 0"
transform="translate(130.87 144.9)"
fill="#6b616a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.726 7.726 0 0 0-7.727 7.726v8.363A7.726 7.726 0 0 0 0 23.815a7.726 7.726 0 0 0 7.727-7.726V7.726A7.726 7.726 0 0 0 0 0"
transform="translate(130.87 169.94)"
fill="#6b616a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-29.766-24.129-53.895-53.894-53.895-29.765 0-53.894 24.129-53.894 53.895 0 29.765 24.129 53.894 53.894 53.894C-24.129 53.894 0 29.765 0 0"
transform="translate(435.022 181.11)"
fill="#8b8088"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-29.768-24.138-53.895-53.895-53.895-5.13 0-10.088.712-14.782 2.056C-42.503-49.06-22.112-26.907-22.112 0c0 26.906-20.391 49.059-46.565 51.838a53.619 53.619 0 0 0 14.782 2.057C-24.138 53.895 0 29.767 0 0"
transform="translate(435.025 181.108)"
fill="#7a7179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.724 7.724 0 0 0-6.767 3.984 20.779 20.779 0 0 1-18.164 10.725c-7.541 0-14.501-4.109-18.166-10.725a7.726 7.726 0 0 0-13.517 7.487C-50.229 23-38.088 30.162-24.931 30.162-11.772 30.162.367 23 6.752 11.47A7.727 7.727 0 0 0 0 0"
transform="translate(406.059 187.156)"
fill="#6b616a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a36.247 36.247 0 0 0-29.742 15.564 7.726 7.726 0 1 0 12.687 8.822A20.788 20.788 0 0 1 0 15.453c6.79 0 13.166 3.339 17.054 8.933a7.728 7.728 0 0 0 12.688-8.822C22.966 5.818 11.847 0 0 0"
transform="translate(381.128 144.9)"
fill="#6b616a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.726 7.726 0 0 0-7.727 7.726v8.363A7.726 7.726 0 0 0 0 23.815a7.726 7.726 0 0 0 7.727-7.726V7.726A7.726 7.726 0 0 0 0 0"
transform="translate(381.128 169.94)"
fill="#6b616a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-138.074a7.726 7.726 0 1 0 0 15.453H0A7.726 7.726 0 1 0 0 0"
transform="translate(199.906 305.8)"
fill="#f82f41"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-138.074a7.726 7.726 0 1 0 0 15.453H0A7.726 7.726 0 1 0 0 0"
transform="translate(450.166 305.8)"
fill="#f82f41"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category