Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as drinks, hot drink, coffee shop, coffee cup, and coffees. Created in a clean lineal color style with a white, silver, gray, orange, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path d="M503.83 138.894v299.574l-65.362 32.681V106.224z" fill="#f37c4a" />
<path d="M128 198.809v32.68L8.17 239.66v-49.022z" fill="#414d53" />
<path d="M106.213 40.96h54.468v43.574h-54.468z" fill="#c4d3d9" />
<path d="M471.149 106.224v364.925H345.872V106.267z" fill="#f7a676" />
<path d="M171.574 117.215v76.147h103.49v-76.179z" fill="#748993" />
<path
d="m253.277 171.574-16.34 87.149h32.681c8.987 0 16.34-7.353 16.34-16.34v-70.809h-32.681z"
fill="#a2b1b7"
/>
<path
d="M160.681 171.574v70.809c0 8.987 7.353 16.34 16.34 16.34h59.915c8.987 0 16.34-7.353 16.34-16.34v-70.809h-92.595z"
fill="#c4d3d9"
/>
<path
d="M503.83 8.17v130.724l-32.681.011-43.575-65.362 43.575-65.362z"
fill="#ed6350"
/>
<path
d="M138.894 8.279v98.043c0 17.974 14.706 32.681 32.681 32.681l299.574-.098V8.181l-332.255.098z"
fill="#f37c4a"
/>
<path
d="m471.149 438.468-32.681 32.681 32.681 32.681h32.681v-65.362z"
fill="#414d53"
/>
<path
d="M68.085 438.468v65.362h403.064v-65.362H255.695l-29.445-32.681-29.446 32.681z"
fill="#57676e"
/>
<path
d="m259.475 324.085-36.461 114.383h32.681c21.613-10.839 36.461-33.193 36.461-59.022v-55.361h-32.681z"
fill="#fff9cf"
/>
<path
d="M259.475 324.085v55.361c0 25.829-14.848 48.182-36.461 59.022h-26.21c-21.624-10.839-36.461-33.193-36.461-59.022v-55.361h99.132z"
fill="#fff"
/>
<path
d="M509.607 2.392A8.175 8.175 0 0 0 503.83 0L138.892.109a8.17 8.17 0 0 0-8.168 8.17V32.79h-24.511a8.17 8.17 0 0 0-8.17 8.17v43.574a8.17 8.17 0 0 0 8.17 8.17h24.511v13.617c0 19.727 14.056 36.232 32.681 40.029v17.054h-2.723a8.17 8.17 0 0 0-8.17 8.17v35.404h-16.34v-8.17a8.17 8.17 0 0 0-7.615-8.151l-119.83-8.17a8.159 8.159 0 0 0-6.133 2.181A8.167 8.167 0 0 0 0 190.638v49.021a8.172 8.172 0 0 0 8.726 8.151l119.83-8.17a8.17 8.17 0 0 0 7.615-8.151v-8.17h16.34v19.064c0 13.516 10.995 24.511 24.511 24.511h38.128v13.617a8.17 8.17 0 0 0 16.34 0v-13.617h38.128c13.516 0 24.511-10.995 24.511-24.511v-70.809a8.17 8.17 0 0 0-8.17-8.17h-2.723v-16.272l54.468-.021v283.186h-57.495c12.754-13.503 20.117-31.514 20.117-50.856v-55.357a8.17 8.17 0 0 0-8.17-8.17h-153.6c-22.526 0-40.851 18.325-40.851 40.851s18.325 40.851 40.851 40.851H154.4a73.504 73.504 0 0 0 17.888 32.681H68.085a8.17 8.17 0 0 0-8.17 8.17v65.362a8.17 8.17 0 0 0 8.17 8.17H503.83a8.17 8.17 0 0 0 8.17-8.17V8.17a8.177 8.177 0 0 0-2.393-5.778zM119.83 223.857l-103.49 7.056v-31.528l103.489 7.056v17.416zm-5.447-147.493V49.13h16.34v27.234h-16.34zm152.511 87.04H239.66a8.17 8.17 0 0 0 0 16.34h38.128v62.638c0 4.506-3.665 8.17-8.17 8.17h-92.596c-4.506 0-8.17-3.665-8.17-8.17v-62.638h38.128a8.17 8.17 0 0 0 0-16.34h-27.234v-16.235l87.149-.032v16.267zm-128.34 217.873c-13.516 0-24.511-10.995-24.511-24.511s10.995-24.511 24.511-24.511h13.617v47.187c0 .613.017 1.224.032 1.834h-13.649zm29.957-1.835v-47.187h115.472v47.187c0 21.401-11.561 40.716-30.297 50.856h-54.878c-18.735-10.14-30.297-29.455-30.297-50.856zM495.66 495.66H76.255v-49.021H471.15a8.17 8.17 0 0 0 0-16.34H354.043V147.106l117.11-.042a8.17 8.17 0 0 0 8.167-8.173 8.17 8.17 0 0 0-8.17-8.167l-124.42.046a8.11 8.11 0 0 0-1.715 0l-173.438.063c-13.516 0-24.511-10.995-24.511-24.511V16.447l348.596-.103V495.66z"
/>
<path
d="M471.149 81.702a8.17 8.17 0 0 0 8.17-8.17V40.851a8.17 8.17 0 0 0-16.34 0v32.681a8.17 8.17 0 0 0 8.17 8.17zM438.468 81.702a8.17 8.17 0 0 0 8.17-8.17V40.851a8.17 8.17 0 0 0-16.34 0v32.681a8.17 8.17 0 0 0 8.17 8.17zM405.787 81.702a8.17 8.17 0 0 0 8.17-8.17V40.851a8.17 8.17 0 0 0-16.34 0v32.681a8.17 8.17 0 0 0 8.17 8.17z"
/>
</svg>
More icons in the same style and category