Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as food, hot drink, coffee cup, mug, chocolate, tea cup, and food and restaurant. Created in a clean blue style with a white and silver 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="512"
height="512"
viewBox="0 0 192 192"
>
<linearGradient
id="a"
x1="57.898"
x2="86.102"
y1="46.102"
y2="17.898"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#34cdfa" />
<stop offset="1" stop-color="#e8d9f1" />
</linearGradient>
<linearGradient
id="b"
x1="97.898"
x2="126.102"
y1="46.102"
y2="17.898"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#34cdfa" />
<stop offset=".858" stop-color="#e8d9f1" />
</linearGradient>
<linearGradient
id="c"
x1="17.898"
x2="46.102"
y1="46.102"
y2="17.898"
href="#a"
/>
<path
fill="url(#a)"
d="M76.43 40.693c-.1-.763 1.189-2.7 2.226-4.255 2.394-3.591 5.672-8.508 4.774-15.245C82.559 14.658 77.91 8.432 68.8 1.6l-9.6 12.8c7.757 5.817 8.33 8.608 8.37 8.907.1.763-1.189 2.7-2.226 4.256-2.394 3.59-5.672 8.507-4.774 15.244.871 6.535 5.52 12.761 14.63 19.593l9.6-12.8c-7.757-5.817-8.33-8.608-8.37-8.907z"
/>
<path
fill="url(#b)"
d="M116.43 40.693c-.1-.763 1.189-2.7 2.226-4.255 2.394-3.591 5.672-8.508 4.774-15.245-.871-6.535-5.52-12.761-14.63-19.593l-9.6 12.8c7.757 5.817 8.33 8.608 8.37 8.907.1.763-1.189 2.7-2.226 4.256-2.394 3.59-5.672 8.507-4.774 15.244.871 6.535 5.52 12.761 14.63 19.593l9.6-12.8c-7.757-5.817-8.33-8.608-8.37-8.907z"
/>
<path
fill="url(#c)"
d="M36.43 40.693c-.1-.763 1.189-2.7 2.226-4.255 2.394-3.591 5.672-8.508 4.774-15.245C42.559 14.658 37.91 8.432 28.8 1.6l-9.6 12.8c7.757 5.817 8.33 8.608 8.37 8.907.1.763-1.189 2.7-2.226 4.256-2.394 3.59-5.672 8.507-4.774 15.244.871 6.535 5.52 12.761 14.63 19.593l9.6-12.8c-7.757-5.817-8.33-8.608-8.37-8.907z"
/>
<path
fill="#01c0f9"
d="M176 72h-40v16h32v16c0 12.465-3.877 24-32 24v16c39.673 0 48-21.752 48-40V80a8 8 0 0 0-8-8z"
/>
<path
fill="#ccf2fe"
d="M144 72H8a8 8 0 0 0-8 8v39.082C0 158.721 31.653 191.613 71.29 192A72.081 72.081 0 0 0 144 120z"
/>
<path
fill="#99e6fd"
d="M95.29 184C55.653 183.613 24 150.721 24 111.082V72H8a8 8 0 0 0-8 8v39.082C0 158.721 31.653 191.613 71.29 192a71.563 71.563 0 0 0 35.048-8.737A72.465 72.465 0 0 1 95.29 184z"
/>
<path
fill="#34cdfa"
d="M64 160a8 8 0 0 1-8-8v-48a8 8 0 0 1 8-8c13.835 0 40 6.688 40 32s-26.165 32-40 32zm8-47.012v30.081C78.986 141.6 88 137.8 88 128c0-4.059-1.121-9.876-10.809-13.509A37.146 37.146 0 0 0 72 112.988z"
/>
</svg>
More icons in the same style and category