Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, coffee, fast food, coffee cup, mug, coffee breaks, bubble tea, cafe, boy, tea cup, and food and restaurant. Created in a clean circular style with a white, gray, black, red, olive, purple, 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 132 132"
>
<path
fill="#fc545d"
d="M129.988 64.766c.68 35.34-27.413 64.543-62.753 65.222-35.34.68-64.544-27.423-65.223-62.764S29.436 2.691 64.776 2.012s64.533 27.413 65.212 62.754z"
/>
<path
fill="#fc545d"
d="M129.99 64.77c.52 27.08-15.86 50.56-39.45 60.36-.01 0-.02.01-.03.01-1.18.49-2.37.94-3.59 1.36a63.764 63.764 0 0 1-19.69 3.49c-9.12.18-17.84-1.57-25.76-4.86-22.76-9.46-38.96-31.69-39.46-57.91C1.33 31.88 29.44 2.69 64.78 2.01c35.34-.68 64.53 27.42 65.21 62.76z"
/>
<circle
cx="66"
cy="66"
r="49.2"
fill="#f14448"
transform="rotate(-67.48 66.024 65.985)"
/>
<path
fill="#f7b26d"
d="m28.38 92.127 9.146-9.135-8.435-8.435-9.138 9.138a5.96 5.96 0 0 0 8.426 8.431z"
/>
<path
fill="#592c84"
d="M102.46 79.13v11.72H90.52l-.01 34.29c-1.18.49-2.37.94-3.59 1.36a63.764 63.764 0 0 1-19.69 3.49c-9.12.18-17.84-1.57-25.76-4.86l.02-46.09-5.61 5.6-8.43-8.44 6.48-6.47c4.84-4.84 11.4-7.56 18.25-7.56H85.5c9.36 0 16.96 7.59 16.96 16.96z"
/>
<path fill="#fff" d="m29.915 73.704 1.92-1.92 8.43 8.431-1.92 1.92z" />
<path
fill="#561183"
d="M90.54 125.13c-.01 0-.02.01-.03.01-1.18.49-2.37.94-3.59 1.36V88.67c0-1.99 1.61-3.61 3.61-3.61v5.79z"
/>
<path fill="#fff" d="M90.535 85.069h11.924v2.715H90.535z" />
<path
fill="#ffc27c"
d="m102.455 90.23-.004 7.133a9.36 9.36 0 0 1-9.36 9.355h-2.56l-18.064-.01V94.794H90.53v-4.562z"
/>
<path
fill="#f7b26d"
d="M102.455 90.23v7.134c-.009 5.168-4.194 9.354-9.362 9.354H90.53l-18.063-.01v-2.035l16.028.009h2.562a9.35 9.35 0 0 0 9.353-9.354l.01-5.097z"
/>
<path
fill="#fff"
d="M39.343 94.273v2.272a.96.96 0 0 1-1.92 0v-2.272a.96.96 0 0 1 1.92 0z"
opacity=".3"
/>
<path
fill="#ffc27c"
d="m29.954 89.343 6.914-27.923-11.58-2.864-6.904 27.921a5.96 5.96 0 0 0 11.57 2.866z"
/>
<path
fill="#f7b26d"
d="M25.404 93.698c.031.01.062.01.094.021a5.674 5.674 0 0 1-1.328.156 5.971 5.971 0 0 1-5.79-7.397l6.91-27.92 2.51.623-6.753 27.296a5.971 5.971 0 0 0 4.357 7.221z"
/>
<path
fill="#fff"
d="M96.903 80.515a1.39 1.39 0 0 1-1.39-1.39c0-.588-.05-1.18-.154-1.76a1.39 1.39 0 0 1 2.738-.483c.13.738.196 1.493.196 2.243a1.39 1.39 0 0 1-1.39 1.39zM95.316 74.715c-.474 0-.936-.243-1.195-.68-1.802-3.037-5.105-4.923-8.62-4.923a1.39 1.39 0 0 1 0-2.78c4.492 0 8.71 2.409 11.01 6.284a1.39 1.39 0 0 1-1.195 2.099zM31.59 75.737l-3.195 11.52a1.208 1.208 0 0 1-2.328-.646l3.195-11.52a1.208 1.208 0 0 1 2.328.646z"
opacity=".3"
/>
<path
fill="#fff"
d="M58.168 62.169v2.95c0 3.024 1.26 5.79 3.248 7.779a10.963 10.963 0 0 0 7.768 3.197c6.036 0 10.976-4.898 10.976-10.975v-2.951z"
/>
<path
fill="#ffc27c"
d="M61.968 56.625v7.796c0 3.868 3.136 7.184 7.21 7.184 3.952 0 7.185-3.206 7.185-7.184v-7.796z"
/>
<path
fill="#f7b26d"
d="M61.968 55.501v5.974a15.614 15.614 0 0 0 3.978 1.357c1.117.226 2.261.332 3.392.332 2.515 0 4.896-.559 7.025-1.556V55.5z"
/>
<path fill="#24272b" d="M54.72 24.328V39.44h-3.383V24.328" />
<path
fill="#ffc27c"
d="M54.72 21.899V45.91c0 7.14 4.826 13.682 11.825 15.056 9.501 1.88 17.828-5.355 17.828-14.516V24.248a2.349 2.349 0 0 0-2.349-2.35H54.72z"
/>
<path
fill="#f7b26d"
d="M68.21 61.189c9.008.909 16.16-6.497 16.16-15.28V21.906h-2.748V45.91c0 7.14-4.826 13.682-11.826 15.056-.529.105-1.057.176-1.585.223z"
/>
<path
fill="#24272b"
d="M64.813 39.166v2.18a2.583 2.583 0 1 1-5.165 0v-2.18a2.583 2.583 0 0 1 5.165 0zM79.444 39.166v2.18a2.583 2.583 0 1 1-5.165 0v-2.18a2.583 2.583 0 0 1 5.165 0zM69.344 46.602a.968.968 0 0 0 .967-.967v-2.311a.968.968 0 0 0-1.935 0v2.311c0 .534.434.967.968.967z"
/>
<path
fill="#fff"
d="M75.397 39.58a.92.92 0 0 0 .916.916.911.911 0 0 0 .915-.916c0-.503-.4-.915-.915-.915a.92.92 0 0 0-.916.915zM60.663 39.07a.92.92 0 0 0 .916.917.911.911 0 0 0 .916-.916c0-.503-.4-.916-.916-.916a.92.92 0 0 0-.916.916z"
/>
<path
fill="#f7b26d"
d="M88.806 37.976c-1.334-.948-3.204.1-3.204 1.746v6.882a5.563 5.563 0 0 1-1.222.137V35.72c1.82 0 3.429.885 4.426 2.257z"
/>
<path
fill="#13181e"
d="M77.1 15.293v14.093h7.27v10.053h3.817V27.636c0-6.413-4.85-11.686-11.086-12.343z"
/>
<path
fill="#f7b26d"
d="M84.379 35.725h-.005v11.01l.005.001a5.511 5.511 0 0 0 5.505-5.505 5.511 5.511 0 0 0-5.505-5.506z"
/>
<path
fill="#ffc27c"
d="M54.716 35.725h.005v11.01l-.005.001a5.511 5.511 0 0 1-5.505-5.505 5.511 5.511 0 0 1 5.505-5.506z"
/>
<path
fill="#f7b26d"
d="M50.287 37.976c1.334-.948 3.205.1 3.205 1.746v6.882c.386.088.798.137 1.222.137V35.72c-1.82 0-3.43.885-4.427 2.257z"
/>
<path
fill="#13181e"
d="M85.058 22.474V39.17c0 .893-.728 1.609-1.62 1.609-.893 0-1.621-.716-1.621-1.609v-3.547c-2.666-.375-4.721-2.654-4.721-5.426v-7.723z"
/>
<path
fill="#24272b"
d="M87.636 21.625a7.951 7.951 0 0 1-2.329 5.643 7.91 7.91 0 0 1-5.643 2.34H69.401a12.751 12.751 0 0 1-8.206 2.995c-7.035 0-12.752-5.705-12.752-12.74 0-7.048 5.717-12.752 12.752-12.752 2.994 0 5.754 1.035 7.935 2.772a6.648 6.648 0 0 1 2.76-.604 6.57 6.57 0 0 1 6.197 4.374h1.577c4.411 0 7.972 3.56 7.972 7.972z"
/>
<path
fill="#13181e"
d="M77.258 12.075c.341.485.629 1.01.83 1.578h1.576c4.411 0 7.972 3.56 7.972 7.972a7.95 7.95 0 0 1-2.329 5.643 7.911 7.911 0 0 1-5.643 2.34h-2.406z"
/>
<g opacity=".3">
<path
fill="#fff"
d="M57.91 11.678a1.345 1.345 0 0 1 1.003-1.616 10.02 10.02 0 0 1 2.282-.261 1.344 1.344 0 1 1 0 2.69c-.568 0-1.128.064-1.67.19-.734.17-1.449-.29-1.615-1.003zM52.478 21.208a1.344 1.344 0 0 1-1.345-1.345 10.05 10.05 0 0 1 3.52-7.64 1.342 1.342 0 0 1 1.895.147 1.342 1.342 0 0 1-.146 1.895 7.371 7.371 0 0 0-2.58 5.598c0 .743-.6 1.345-1.344 1.345z"
/>
</g>
<path
d="M63.855 53.76c.227.607.556 1.162.96 1.641a5.486 5.486 0 0 0 4.202 1.931 5.544 5.544 0 0 0 4.215-1.943c.404-.48.732-1.035.96-1.628.34-.909-.354-1.868-1.326-1.868H65.18c-.971 0-1.665.96-1.325 1.868z"
/>
<path
fill="#ef567b"
d="M66.15 55.017a3.745 3.745 0 0 0 2.869 1.318c1.155 0 2.18-.517 2.878-1.327a3.753 3.753 0 0 0-2.87-1.327 3.75 3.75 0 0 0-2.877 1.336z"
/>
<path
fill="#e5f5f9"
d="M71.39 88.45v18.887a3.947 3.947 0 0 1-3.945 3.944H40.366a3.947 3.947 0 0 1-3.944-3.944V88.449a3.947 3.947 0 0 1 3.944-3.944h27.08a3.947 3.947 0 0 1 3.943 3.944z"
/>
<path
fill="#d3e6ed"
d="M71.306 108.122a3.945 3.945 0 0 1-3.865 3.161h-27.07a3.955 3.955 0 0 1-3.95-3.949V88.452a3.945 3.945 0 0 1 3.161-3.865 3.632 3.632 0 0 0-.084.788v18.892a3.94 3.94 0 0 0 3.94 3.94h27.08c.272 0 .534-.029.788-.085z"
/>
<path
fill="#fc545d"
d="M57.705 97.898c0 2.091-1.698 3.79-3.8 3.79s-3.798-1.699-3.798-3.79a3.795 3.795 0 0 1 4.061-3.79 3.8 3.8 0 0 0 3.527 3.518c.01.084.01.178.01.272z"
/>
<path
fill="#f14448"
d="M57.235 99.716a3.797 3.797 0 0 1-7.128-1.816c0-1.432.789-2.677 1.961-3.32a3.83 3.83 0 0 0-.456 1.816 3.784 3.784 0 0 0 3.797 3.787c.664 0 1.286-.166 1.826-.467z"
/>
<path
fill="#ffc27c"
d="M77.414 96.334v6.785a4.616 4.616 0 0 1-4.627 4.617l-8.85.01a1.687 1.687 0 0 1-1.68-1.712 1.652 1.652 0 0 1 1.66-1.66h-1.713a1.714 1.714 0 0 1-1.69-1.732c0-.924.736-1.67 1.67-1.67h-1.256a1.723 1.723 0 0 1-1.701-1.733 1.716 1.716 0 0 1 1.712-1.691l2.293.01c-.924-.01-1.692-.778-1.681-1.68a1.677 1.677 0 0 1 1.629-1.713H70c.766 0 1.386-.62 1.386-1.387v-3.427l4.275 3.351a4.623 4.623 0 0 1 1.753 3.632z"
/>
<path
fill="#f7b26d"
d="M77.38 100.668a4.622 4.622 0 0 1-4.616 4.624l-8.857.014a1.606 1.606 0 0 1-1.14-.467 1.635 1.635 0 0 0-.507 1.195c-.002.948.742 1.713 1.677 1.715l8.857-.014a4.605 4.605 0 0 0 4.617-4.623z"
/>
<path
fill="#e5f5f9"
d="m29.282 64.032.206 1.692c.107.874.849 1.53 1.73 1.53h7.759c.88 0 1.622-.656 1.729-1.53l.206-1.692z"
/>
<path
fill="#e4e3ff"
d="m42.003 64.47 2.01-16.976H26.18l2.012 16.976a.806.806 0 0 0 .8.71h12.21a.806.806 0 0 0 .8-.71z"
/>
<path
fill="#e5f5f9"
d="m26.18 47.496.095.785 1.917 16.187c.048.405.39.711.8.711h12.21a.808.808 0 0 0 .801-.711l1.918-16.187.095-.785z"
/>
<path
fill="#d3e6ed"
d="m26.18 47.496.095.785 1.917 16.187c.048.405.39.711.8.711h12.21c.407 0 .75-.303.8-.706l.038-.3H30a.803.803 0 0 1-.795-.711l-1.692-14.298a.79.79 0 0 1 .784-.883h15.625l.095-.785H26.18z"
/>
<path fill="#fc6559" d="m27.62 59.646-.993-8.384h16.94l-.993 8.384z" />
<path fill="#ffbc50" d="m26.628 51.262.995 8.386h14.95l.995-8.386z" />
<path fill="#ffb32c" d="m26.628 51.262.995 8.386h1.128l-.99-8.386z" />
<path
fill="#24272b"
d="M27.317 43.31v1.579h15.557V43.31c0-.74-.6-1.34-1.34-1.34H28.66c-.743 0-1.343.6-1.343 1.34z"
/>
<path
fill="#13181e"
d="M42.874 43.736v1.153H27.319v-1.58c0-.674.5-1.238 1.159-1.327-.005.058-.01.116-.01.179 0 .437.179.827.463 1.111.284.285.674.464 1.111.464z"
/>
<path
fill="#24272b"
d="M25.138 45.299v1.523c0 .37.3.67.67.67h18.578c.37 0 .67-.3.67-.67V45.3c0-.37-.3-.67-.67-.67H25.808c-.37 0-.67.3-.67.67z"
/>
<path
fill="#c68142"
d="M37.006 57.472c-1.437 1.438-3.457 1.749-4.51.697s-.74-3.073.697-4.51c1.437-1.438 3.453-1.744 4.505-.692s.746 3.068-.692 4.505z"
/>
<path
fill="#af6223"
d="M32.496 58.169c.461-.444.908-.858 1.276-1.322.848-1.067 1.108-2.157 2.22-3.006a5.106 5.106 0 0 1 1.706-.874c-.468.437-.935.832-1.335 1.273-.977 1.077-1.25 2.153-2.197 2.98a4.548 4.548 0 0 1-1.67.949z"
/>
<path
fill="#ffc27c"
d="m24.99 54.102-1.081-1.962a2 2 0 0 1 3.502-1.931l2.649 4.805c.108.197.171.405.209.615z"
/>
<path
fill="#ffc27c"
d="m23.83 56.986 5.487.027a2 2 0 0 0 .02-4l-5.487-.026a2 2 0 0 0-.02 4z"
/>
<path
fill="#ffc27c"
d="m22.829 60.98 6.468.033a2 2 0 0 0 .02-4l-6.468-.032a2 2 0 0 0-.02 4z"
/>
<path
fill="#f7b26d"
d="M30.203 60.797a1.987 1.987 0 0 0 1.103-1.776 1.992 1.992 0 0 0-1.987-2.008l-6.473-.031a1.987 1.987 0 0 0-1.787 1.085c.271-.136.58-.213.91-.211l6.467.031c.555.003 1.05.231 1.41.591a2.004 2.004 0 0 1 .357 2.319z"
/>
<path
fill="#ffc27c"
d="m23.79 64.985 5.487.027a2 2 0 0 0 .02-4l-5.487-.027a2 2 0 0 0-.02 4z"
/>
<path
fill="#f7b26d"
d="M30.184 64.796a1.987 1.987 0 0 0 1.103-1.776 1.983 1.983 0 0 0-.577-1.416 2.013 2.013 0 0 0-1.41-.591l-5.492-.027a1.996 1.996 0 0 0-1.787 1.086c.27-.136.58-.213.91-.212l5.486.027c.554.003 1.049.226 1.41.591.357.365.58.867.577 1.416a1.992 1.992 0 0 1-.22.902zM30.218 56.802a1.991 1.991 0 0 0 1.108-1.776v-.005a1.996 1.996 0 0 0-1.987-2.007l-5.492-.027a1.996 1.996 0 0 0-1.786 1.085c.27-.136.58-.213.908-.211l5.487.027c.554.003 1.049.226 1.41.59.357.366.58.867.577 1.417a1.97 1.97 0 0 1-.225.907z"
/>
<path
fill="#fff"
d="M89.705 98.339H79.59a1.022 1.022 0 0 1 0-2.044h10.115a1.022 1.022 0 0 1 0 2.044z"
opacity=".3"
/>
</svg>
More icons in the same style and category