Add icons to this collection by clicking the heart icon.
Cup icon - also known as cup, hot drink, coffee cup, mug, coffee breaks, tea cup, tea break, and food and restaurant. 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="512"
height="512"
viewBox="0 0 64 64"
>
<path fill="#976949" d="M4 2h42v53a7 7 0 0 1-7 7H11a7 7 0 0 1-7-7V2z" />
<path
fill="#c18e5c"
d="M4 23c0 20.987 16.565 38 37 38 .558 0 1.111-.018 1.663-.043A6.989 6.989 0 0 0 46 55V2H4z"
/>
<path
fill="#cda57d"
d="M54 14h-8v6h6a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2h-6v6h8a6 6 0 0 0 6-6V20a6 6 0 0 0-6-6z"
/>
<path fill="#f5b95b" d="M4 9h42v4H4z" />
<circle cx="25" cy="32" r="13" fill="#c7e2fb" />
<path
fill="#ebf7fe"
d="M25 19a12.937 12.937 0 0 0-8.561 3.233A14.475 14.475 0 0 0 29.5 43a14.585 14.585 0 0 0 2.854-.284A13 13 0 0 0 25 19z"
/>
<circle cx="25" cy="28" r="2" fill="#f5b95b" />
<path
fill="#669e54"
d="M36.526 38h-2.271a14.052 14.052 0 0 1-7.8-2.36 9.764 9.764 0 0 0-12.32 1.219l-.82.821a12.984 12.984 0 0 0 23.211.32z"
/>
<path
fill="#669e54"
d="M34.255 38h2.264a13.018 13.018 0 0 0 .776-1.8l-1.631-1.087a6.607 6.607 0 0 0-7.328 0l-1.182.957A14.046 14.046 0 0 0 34.255 38z"
/>
<path
fill="#f9d18f"
d="M25 26a2.025 2.025 0 0 0-.437.051A2.218 2.218 0 0 0 24 27.5a2.543 2.543 0 0 0 1.845 2.307A2 2 0 0 0 25 26z"
/>
<path
fill="#78b761"
d="M26.46 35.64a9.737 9.737 0 0 0-9.869-.558 14.478 14.478 0 0 0 15.75 7.636A13.074 13.074 0 0 0 36.526 38h-2.271a14.052 14.052 0 0 1-7.795-2.36z"
/>
<path
fill="#f9d18f"
d="M4 9.319C5.724 10.86 9.579 12.163 14.683 13H46V9H4z"
/>
<path fill="#f5b95b" d="M4 51h42v4H4z" />
<path
fill="#f9d18f"
d="M4 51.319C5.724 52.86 9.579 54.163 14.683 55H46v-4H4z"
/>
<path
d="M54 13h-7V2a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v53a8.009 8.009 0 0 0 8 8h28a8.009 8.009 0 0 0 8-8v-4h7a7.009 7.009 0 0 0 7-7V20a7.009 7.009 0 0 0-7-7zM5 54v-2h40v2zm0-4V14h40v36zm40-38H5v-2h40zm2 9h5a1 1 0 0 1 1 1v20a1 1 0 0 1-1 1h-5zM45 3v5H5V3zm-6 58H11a6.006 6.006 0 0 1-5.91-5h39.82A6.006 6.006 0 0 1 39 61zm20-17a5.006 5.006 0 0 1-5 5h-7v-4h5a3 3 0 0 0 3-3V22a3 3 0 0 0-3-3h-5v-4h7a5.006 5.006 0 0 1 5 5z"
/>
<path
d="M25 31a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
<path
d="M25 18a14 14 0 1 0 14 14 14.015 14.015 0 0 0-14-14zm0 2a11.971 11.971 0 0 1 11.707 14.6l-.488-.326a7.724 7.724 0 0 0-8.438 0L27 34.8a10.741 10.741 0 0 0-13.325 1.135A11.97 11.97 0 0 1 25 20zm11.083 16.591c-.058.139-.125.272-.188.409h-1.64a13.006 13.006 0 0 1-5.263-1.115 5.689 5.689 0 0 1 6.117.056zM25 44a12 12 0 0 1-10.456-6.13l.3-.3a8.763 8.763 0 0 1 11.057-1.094A15.007 15.007 0 0 0 34.255 39h.472A11.981 11.981 0 0 1 25 44z"
/>
</svg>
More icons in the same style and category