Add icons to this collection by clicking the heart icon.
Coffee Cups icon - also known as package, pack, take away, holder, food and restaurant, coffee cups, 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-168.117c-5.523 0-10 4.478-10 10v20.472c0 5.522 4.477 10 10 10H0c5.522 0 10-4.478 10-10V10C10 4.478 5.522 0 0 0m65.55 76.343h-299.217c-14.021 0-25.383-11.362-25.383-25.383v-354.409H90.933V50.96c0 14.021-11.362 25.383-25.383 25.383"
transform="translate(340.059 409.978)"
fill="#fcca9f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M430.991 233.473H81.009V180.48h349.982z"
fill="#f82f41"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h349.982"
transform="translate(81.009 180.48)"
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-349.982"
transform="translate(430.991 233.473)"
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 0v-354.409h-37.466V0c0 14.021-11.361 25.383-25.383 25.383h37.466C-11.361 25.383 0 14.021 0 0"
transform="translate(430.991 460.938)"
fill="#fcb982"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-242.364c-14.019 0-25.383-11.365-25.383-25.384V-379.8H82.231v354.416C82.231-11.365 70.867 0 56.849 0H32.661"
transform="translate(348.758 486.324)"
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-195.271l9.784 27.455a29.224 29.224 0 0 0 27.079 18.233h121.547A29.224 29.224 0 0 0-9.783 27.455z"
transform="translate(223.241 330.512)"
fill="#685e67"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-26.356l-9.784 27.448a29.228 29.228 0 0 1-27.081 18.233h26.367c11.894 0 22.6-7.211 27.072-18.233z"
transform="translate(223.237 330.517)"
fill="#554e55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 9.783 27.455a29.226 29.226 0 0 0 27.079 18.233h121.547a29.222 29.222 0 0 0 27.078-18.233L195.271 0"
transform="translate(27.97 330.512)"
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-143.881a10.496 10.496 0 0 0-10.481 9.938l-15.216 285.666H25.697L10.481 9.938A10.495 10.495 0 0 0 0 0"
transform="translate(197.544 25.676)"
fill="#83d167"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 2.509-47.1h167.507L172.524 0Z"
transform="translate(39.342 107.71)"
fill="#54c032"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 1.854 34.813h-195.275L-191.566 0Z"
transform="translate(221.387 286.468)"
fill="#54c032"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15.22-285.664c-.294-5.573-4.902-9.94-10.475-9.94h-27.03a10.494 10.494 0 0 1 10.476 9.94L-27.028 0Z"
transform="translate(223.241 321.28)"
fill="#54c032"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 8.643-162.254a10.495 10.495 0 0 1 10.481-9.938h143.881c5.58 0 10.184 4.366 10.481 9.938l15.216 285.666H-6.573l4.841-90.872"
transform="translate(34.54 197.868)"
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-203.787c-8.953 0-16.21 7.258-16.21 16.21 0 8.952 7.257 16.21 16.21 16.21H0c8.952 0 16.21-7.258 16.21-16.21C16.21 7.258 8.952 0 0 0"
transform="translate(227.497 308.273)"
fill="#8b8088"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a16.2 16.2 0 0 0-16.207-16.206h-26.85A16.195 16.195 0 0 1-26.851 0c0 8.954-7.253 16.218-16.206 16.218h26.85C-7.253 16.218 0 8.954 0 0"
transform="translate(243.706 324.48)"
fill="#7a7179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-203.787c-8.953 0-16.21 7.258-16.21 16.21 0 8.952 7.257 16.21 16.21 16.21H0c8.952 0 16.21-7.258 16.21-16.21C16.21 7.258 8.952 0 0 0Z"
transform="translate(227.497 308.273)"
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-34.997v39.835a5.248 5.248 0 0 0 5.248 5.248h24.501A5.248 5.248 0 0 0 0 39.835Z"
transform="translate(110.67 340.693)"
fill="#9b8f98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-39.834h-19.272V0a5.25 5.25 0 0 1-5.249 5.249h19.272A5.251 5.251 0 0 0 0 0"
transform="translate(110.673 380.532)"
fill="#7a7179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.997v39.835a5.248 5.248 0 0 0 5.248 5.248h24.501A5.248 5.248 0 0 0 0 39.835Z"
transform="translate(110.67 340.693)"
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-30.689-24.878-55.568-55.567-55.568-30.69 0-55.569 24.879-55.569 55.568 0 30.689 24.879 55.568 55.569 55.568C-24.878 55.568 0 30.689 0 0"
transform="translate(181.174 211.907)"
fill="#8b8088"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-30.692-24.887-55.568-55.568-55.568-5.29 0-10.403.734-15.242 2.12C-43.823-50.583-22.798-27.742-22.798 0S-43.823 50.583-70.81 53.448a55.273 55.273 0 0 0 15.242 2.12C-24.887 55.568 0 30.692 0 0"
transform="translate(181.178 211.905)"
fill="#7a7179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.007 9.039-14.634 15.165-25.698 15.165-11.066 0-20.693-6.126-25.698-15.165"
transform="translate(151.305 226.11)"
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 0c5.304-7.63 14.128-12.629 24.125-12.629 9.996 0 18.82 4.999 24.125 12.629"
transform="translate(101.481 195.169)"
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-30.689-24.878-55.568-55.567-55.568-30.69 0-55.569 24.879-55.569 55.568 0 30.689 24.879 55.568 55.569 55.568C-24.878 55.568 0 30.689 0 0Z"
transform="translate(181.174 211.907)"
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 0v-8.623"
transform="translate(125.606 216.98)"
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-195.27l9.783 27.455a29.224 29.224 0 0 0 27.079 18.233h121.547A29.226 29.226 0 0 0-9.782 27.455z"
transform="translate(484.034 330.512)"
fill="#685e67"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-26.357l-9.783 27.448a29.228 29.228 0 0 1-27.081 18.233h26.367A29.215 29.215 0 0 0-9.783 27.448z"
transform="translate(484.031 330.517)"
fill="#554e55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 9.782 27.455a29.226 29.226 0 0 0 27.079 18.233h121.547a29.224 29.224 0 0 0 27.079-18.233L195.27 0"
transform="translate(288.765 330.512)"
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-143.88a10.496 10.496 0 0 0-10.482 9.938l-15.215 285.666H25.697L10.482 9.938A10.496 10.496 0 0 0 0 0"
transform="translate(458.337 25.676)"
fill="#9a5e5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 2.509-47.1h167.507L172.524 0Z"
transform="translate(300.135 107.71)"
fill="#845152"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-86.495a9.139 9.139 0 0 0-9.138-9.139h-32.155L-46.888 9.382h37.506C-4.2 9.382 0 5.182 0 0"
transform="translate(342.435 184.474)"
fill="#f8f6f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-16.185h-45.527l-1.361 25.567h37.506C-4.203 9.382 0 5.178 0 0"
transform="translate(342.435 184.474)"
fill="#8b8088"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-45.527"
transform="translate(342.435 168.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 0 1.854 34.813h-195.275L-191.567 0Z"
transform="translate(482.18 286.468)"
fill="#845152"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15.22-285.664c-.294-5.573-4.902-9.94-10.475-9.94h-27.029c5.574 0 10.182 4.367 10.476 9.94L-27.028 0Z"
transform="translate(484.034 321.28)"
fill="#845152"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-3.869-72.626c-10.103-10.499-24.296-17.027-40.024-17.027-30.683 0-55.569 24.876-55.569 55.569 0 30.692 24.886 55.568 55.569 55.568C-26.043 21.484-10.164 13.077 0 0"
transform="translate(480.022 245.992)"
fill="#8b8088"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-3.869-72.626c-7.422-7.706-17.047-13.28-27.86-15.687l5.686 106.863C-15.626 15.026-6.61 8.498 0 0"
transform="translate(480.022 245.992)"
fill="#7a7179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-3.869-72.626c-10.103-10.499-24.296-17.027-40.014-17.027-5.29 0-10.407.731-15.25 2.122 26.987 2.863 48.015 25.698 48.015 53.447 0 27.738-21.028 50.583-48.015 53.446a55.542 55.542 0 0 0 15.25 2.122C-26.043 21.484-10.164 13.077 0 0"
transform="translate(480.022 245.992)"
fill="#7a7179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-143.88a10.496 10.496 0 0 0-10.482 9.938l-15.215 285.666H25.697L10.482 9.938A10.496 10.496 0 0 0 0 0Z"
transform="translate(458.337 25.676)"
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-203.787c-8.952 0-16.21 7.258-16.21 16.21 0 8.952 7.258 16.21 16.21 16.21H0c8.953 0 16.21-7.258 16.21-16.21C16.21 7.258 8.953 0 0 0"
transform="translate(488.29 308.273)"
fill="#8b8088"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a16.195 16.195 0 0 0-16.206-16.206h-26.851A16.196 16.196 0 0 1-26.85 0c0 8.954-7.254 16.218-16.207 16.218h26.851C-7.253 16.218 0 8.954 0 0"
transform="translate(504.499 324.48)"
fill="#7a7179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-203.787c-8.952 0-16.21 7.258-16.21 16.21 0 8.952 7.258 16.21 16.21 16.21H0c8.953 0 16.21-7.258 16.21-16.21C16.21 7.258 8.953 0 0 0Z"
transform="translate(488.29 308.273)"
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-34.998v39.835a5.248 5.248 0 0 0 5.248 5.248h24.502A5.248 5.248 0 0 0 0 39.835Z"
transform="translate(415.525 340.693)"
fill="#9b8f98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-39.834h-19.271V0a5.251 5.251 0 0 1-5.249 5.249h19.272A5.25 5.25 0 0 0 0 0"
transform="translate(415.526 380.532)"
fill="#7a7179"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.998v39.835a5.248 5.248 0 0 0 5.248 5.248h24.502A5.248 5.248 0 0 0 0 39.835Z"
transform="translate(415.525 340.693)"
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 0c-5.006 9.039-14.633 15.165-25.697 15.165-11.066 0-20.693-6.126-25.699-15.165"
transform="translate(461.83 226.11)"
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 0c5.304-7.63 14.128-12.629 24.125-12.629 9.996 0 18.82 4.999 24.124 12.629"
transform="translate(412.007 195.169)"
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 0c-10.103-10.499-24.296-17.027-40.023-17.027-30.684 0-55.57 24.876-55.57 55.569 0 30.692 24.886 55.568 55.57 55.568 17.849 0 33.728-8.407 43.892-21.484"
transform="translate(476.152 173.366)"
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 0v-8.623"
transform="translate(436.132 216.98)"
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 0h37.503a9.38 9.38 0 0 0 9.38-9.38v-86.497"
transform="translate(295.547 193.856)"
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 0h16.667"
transform="translate(325.763 224.924)"
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 0v.105"
transform="translate(342.435 248.777)"
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 0v.104"
transform="translate(342.435 270.468)"
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-168.113c-5.524 0-10 4.478-10 10v20.477c0 5.522 4.476 10 10 10H0c5.523 0 10-4.478 10-10V10C10 4.478 5.523 0 0 0Z"
transform="translate(340.057 409.977)"
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-454.877a10.154 10.154 0 0 0-10.126 9.405l-1.546 20.934c-.435 5.886 4.224 10.901 10.125 10.901H1.547c5.901 0 10.56-5.015 10.125-10.901L10.126 9.405A10.154 10.154 0 0 0 0 0"
transform="translate(483.438 86.708)"
fill="#fddbbf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-1.543-20.937c-.395-5.299-4.812-9.401-10.123-9.401H-44.43c5.321 0 9.737 4.102 10.122 9.401L-32.754 0c.437 5.889-4.224 10.904-10.133 10.904h32.765C-4.224 10.904.437 5.889 0 0"
transform="translate(495.108 117.047)"
fill="#fcca9f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h122.316c5.317 0 9.734 4.103 10.125 9.405l1.547 20.934c.434 5.886-4.224 10.901-10.126 10.901h-457.97c-5.902 0-10.56-5.015-10.125-10.901l1.546-20.934A10.153 10.153 0 0 1-332.562 0H-32.66"
transform="translate(361.123 86.708)"
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