Add icons to this collection by clicking the heart icon.
Coffee Mug icon - also known as cookie, dessert, coffee mug, muffin, cakes, and food and restaurant. Created in a clean lineal color style with a white, silver, gray, and maroon 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 300 300"
>
<circle cx="160" cy="146.892" r="92" fill="#eaeaea" />
<g fill="#4c241d">
<path
d="M239.902 54.999a4 4 0 0 1-4-3.994l-.012-8a4 4 0 0 1 3.992-4.006h.008a4 4 0 0 1 4 3.994l.012 8a4 4 0 0 1-3.996 4.006zM239.93 78.999a4.002 4.002 0 0 1-4-3.996l-.008-8a3.998 3.998 0 0 1 3.996-4.004h.004a4.002 4.002 0 0 1 4 3.996l.008 8a3.998 3.998 0 0 1-3.996 4.004zM223.91 63.017a4 4 0 0 1-.004-8l8-.01h.004a4 4 0 0 1 .004 8l-8 .01zM247.91 62.989a4 4 0 0 1-.004-8l8-.01h.004a4 4 0 0 1 .004 8l-8 .01zM218 134.892c-7.711 0-13.988-6.27-14-13.982a13.9 13.9 0 0 1 4.09-9.906 13.906 13.906 0 0 1 9.895-4.111h.016c7.711 0 13.988 6.27 14 13.982a13.9 13.9 0 0 1-4.09 9.906 13.906 13.906 0 0 1-9.895 4.111H218zm0-20h-.008a5.965 5.965 0 0 0-4.242 1.762 5.964 5.964 0 0 0-1.75 4.244 6.007 6.007 0 0 0 6 5.994h.008a5.965 5.965 0 0 0 4.242-1.762 5.964 5.964 0 0 0 1.75-4.244 6.007 6.007 0 0 0-6-5.994z"
/>
<circle cx="264.316" cy="109.385" r="4.276" />
<circle cx="164.316" cy="37.385" r="4.276" />
</g>
<path
fill="#fff"
d="M176.114 106.892H47.886v-12.41c0-6.622 5.368-11.99 11.99-11.99h104.249c6.622 0 11.99 5.368 11.99 11.99v12.41z"
/>
<path
fill="#4c241d"
d="M176.114 110.892H47.886c-2.148 0-3.886-1.791-3.886-4V94.657c0-8.914 7.043-16.166 15.702-16.166h104.596c8.659 0 15.702 7.252 15.702 16.166v12.234c0 2.21-1.738 4.001-3.886 4.001zm-124.343-8h120.457v-8.234c0-4.502-3.559-8.166-7.931-8.166H59.702c-4.371 0-7.931 3.664-7.931 8.166z"
/>
<path fill="#edebdc" d="M151.322 262.892H73.078l-15.878-156h110z" />
<path
fill="#4c241d"
d="M151.32 266.892H73.078a4 4 0 0 1-3.98-3.596l-15.879-156c-.113-1.125.254-2.246 1.012-3.086s1.836-1.318 2.969-1.318h110a4 4 0 0 1 3.981 4.404l-15.879 156a4.003 4.003 0 0 1-3.982 3.596zm-74.629-8h71.016l15.062-148H61.629z"
/>
<path
fill="#fff"
d="M168 82.492H56v-6.34a9.26 9.26 0 0 1 9.26-9.26h93.48a9.26 9.26 0 0 1 9.26 9.26z"
/>
<path
fill="#4c241d"
d="M168 86.491H56c-2.211 0-4-1.791-4-4v-6.34c0-7.311 5.949-13.26 13.258-13.26h93.484c7.309 0 13.258 5.949 13.258 13.26v6.34c0 2.209-1.789 4-4 4zm-108-8h104v-2.34c0-2.9-2.359-5.26-5.258-5.26H65.258A5.265 5.265 0 0 0 60 76.151z"
/>
<path fill="#b5a19c" d="m155.394 222.892 8.142-80H60.864l8.143 80z" />
<path
fill="#4c241d"
d="M155.395 226.892H69.008a4 4 0 0 1-3.98-3.596l-8.145-80c-.113-1.125.254-2.246 1.012-3.086s1.836-1.318 2.969-1.318h102.672a4 4 0 0 1 3.981 4.404l-8.141 80a4.003 4.003 0 0 1-3.981 3.596zm-82.774-8h79.16l7.328-72H65.293z"
/>
<path
fill="#6b4f5b"
d="M132.274 202.125c-7.041 7.041-18.457 7.041-25.499 0l-13.908-13.908c-7.041-7.041-7.041-18.457 0-25.499 7.041-7.041 18.457-7.041 25.498 0l13.908 13.908c7.042 7.041 7.042 18.458.001 25.499z"
/>
<path
fill="#4c241d"
d="M119.527 211.406a21.885 21.885 0 0 1-15.578-6.453l-13.91-13.908a21.889 21.889 0 0 1-6.453-15.578 21.887 21.887 0 0 1 6.453-15.576c8.594-8.59 22.562-8.59 31.156 0l13.906 13.908a21.889 21.889 0 0 1 6.453 15.578c0 5.883-2.289 11.416-6.453 15.576a21.879 21.879 0 0 1-15.574 6.453zm-13.91-49.961a13.985 13.985 0 0 0-9.922 4.102 13.93 13.93 0 0 0-4.109 9.92c0 3.748 1.457 7.271 4.109 9.922l13.91 13.908c5.297 5.299 14.539 5.305 19.84 0a13.93 13.93 0 0 0 4.109-9.92c0-3.748-1.457-7.271-4.109-9.922l-13.906-13.908a13.985 13.985 0 0 0-9.922-4.102z"
/>
<path
fill="#6b4f5b"
d="m90.066 166.376 5.445 1.415a25.591 25.591 0 0 1 17.085 14.688 25.59 25.59 0 0 0 16.888 14.636l5.515 1.48"
/>
<path
fill="#4c241d"
d="M135.004 202.597c-.344 0-.695-.045-1.039-.139l-5.516-1.48c-8.82-2.367-15.938-8.535-19.531-16.922-2.652-6.186-7.902-10.701-14.414-12.393l-5.445-1.416a4 4 0 0 1 2.016-7.742l5.445 1.416c8.922 2.318 16.121 8.508 19.75 16.982 2.625 6.121 7.816 10.621 14.25 12.348l5.516 1.48a4.002 4.002 0 0 1-1.032 7.866z"
/>
<path
fill="#bf7e68"
d="M240.571 174.892c-.467 0-.905.106-1.364.138-4.26-15.273-18.24-26.49-34.871-26.49s-30.611 11.218-34.871 26.49c-.459-.032-.897-.138-1.364-.138-10.916 0-19.765 8.849-19.765 19.765s8.849 19.765 19.765 19.765c4.161 0 8.011-1.299 11.196-3.495 6.508 6.233 15.317 10.083 25.04 10.083s18.531-3.851 25.04-10.083a19.652 19.652 0 0 0 11.196 3.495c10.916 0 19.765-8.849 19.765-19.765s-8.851-19.765-19.767-19.765z"
/>
<path
fill="#4c241d"
d="M204.336 225.009a39.99 39.99 0 0 1-25.512-9.154 23.58 23.58 0 0 1-10.723 2.566c-13.105 0-23.766-10.66-23.766-23.764 0-12.596 9.848-22.934 22.246-23.717 5.754-15.693 20.848-26.402 37.754-26.402s32 10.709 37.754 26.402c12.398.783 22.246 11.121 22.246 23.717 0 13.104-10.66 23.764-23.766 23.764-3.754 0-7.41-.881-10.723-2.566a39.98 39.98 0 0 1-25.51 9.154zm-25.039-18.082c1.004 0 2 .377 2.766 1.111 6.043 5.785 13.953 8.971 22.273 8.971s16.23-3.186 22.273-8.971a4.003 4.003 0 0 1 5.035-.404 15.655 15.655 0 0 0 8.926 2.787c8.691 0 15.766-7.072 15.766-15.764 0-8.684-7.059-15.75-15.738-15.766a18.85 18.85 0 0 1-1.102.129c-1.863.121-3.629-1.08-4.141-2.916-3.875-13.875-16.629-23.566-31.02-23.566s-27.145 9.691-31.02 23.566c-.508 1.836-2.266 3.043-4.141 2.916a12.386 12.386 0 0 1-.82-.094h-.066c-8.918 0-15.953 7.059-15.953 15.73 0 8.691 7.074 15.764 15.766 15.764 3.195 0 6.281-.963 8.926-2.787a3.993 3.993 0 0 1 2.27-.706z"
/>
<path
fill="#fff"
d="M260.336 200.888a9.333 9.333 0 1 0-18.666 0c0 .688 0 .688 0 0a9.333 9.333 0 1 0-18.666 0c0 .688 0 .688 0 0a9.333 9.333 0 1 0-18.666 0c0 .688 0 .688 0 0a9.333 9.333 0 1 0-18.666 0c0 .688 0 .688 0 0a9.333 9.333 0 1 0-18.666 0c0 .688 0 .688 0 0a9.333 9.333 0 1 0-18.666 0c0 .688.085 1.354.227 2l13.292 60.004h82.471l15.783-60.004a9.545 9.545 0 0 0 .223-2z"
/>
<path
fill="#4c241d"
d="M244.328 266.892h-82.473a4.001 4.001 0 0 1-3.906-3.135l-13.293-60.004a13.45 13.45 0 0 1-.32-2.865c0-7.352 5.98-13.334 13.332-13.334 3.633 0 6.93 1.459 9.336 3.82 2.406-2.361 5.703-3.82 9.332-3.82s6.926 1.459 9.332 3.82a13.293 13.293 0 0 1 9.336-3.82 13.29 13.29 0 0 1 9.332 3.82 13.29 13.29 0 0 1 9.332-3.82c3.633 0 6.93 1.459 9.336 3.82 2.406-2.361 5.703-3.82 9.332-3.82s6.926 1.459 9.332 3.82a13.293 13.293 0 0 1 9.336-3.82c7.352 0 13.332 5.982 13.332 13.334 0 .934-.105 1.867-.316 2.85l-15.824 60.172a4 4 0 0 1-3.868 2.982zm-79.262-8h76.176l15-57.021c.051-.25.094-.627.094-.982 0-2.941-2.391-5.334-5.332-5.334s-5.336 2.393-5.336 5.334v.516c0 2.209-1.789 4-4 4s-4-1.791-4-4v-.516c0-2.941-2.391-5.334-5.332-5.334s-5.332 2.393-5.332 5.334v.516c0 2.209-1.789 4-4 4s-4-1.791-4-4v-.516c0-2.941-2.395-5.334-5.336-5.334s-5.332 2.393-5.332 5.334v.516c0 2.209-1.789 4-4 4s-4-1.791-4-4v-.516c0-2.941-2.391-5.334-5.332-5.334s-5.336 2.393-5.336 5.334v.516c0 2.209-1.789 4-4 4s-4-1.791-4-4v-.516c0-2.941-2.391-5.334-5.332-5.334s-5.332 2.393-5.332 5.334v.516c0 2.209-1.789 4-4 4s-4-1.791-4-4v-.516c0-2.941-2.395-5.334-5.336-5.334s-5.332 2.393-5.332 5.334c0 .355.043.732.137 1.15z"
/>
<circle cx="190.486" cy="222.91" r="4.276" fill="#4c241d" />
<circle cx="214.486" cy="222.883" r="4.276" fill="#4c241d" />
<path
fill="#4c241d"
d="M202.762 246.56c-.145 0-.289-.002-.434-.008a13.904 13.904 0 0 1-9.773-4.396 4 4 0 0 1 .172-5.654 3.998 3.998 0 0 1 5.656.17 5.959 5.959 0 0 0 4.188 1.885 5.929 5.929 0 0 0 4.293-1.627 4 4 0 0 1 5.484 5.824 13.907 13.907 0 0 1-9.586 3.806zM268 266.892H32c-2.211 0-4-1.791-4-4s1.789-4 4-4h236c2.211 0 4 1.791 4 4s-1.789 4-4 4z"
/>
</svg>
More icons in the same style and category