Add icons to this collection by clicking the heart icon.
Coffee icon - also known as cup, drink, coffee, bag, beverage, caffeine, coffee bag, and food and restaurant. Created in a clean lineal color style, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-398.027c-7.623 0-12.444-6.813-8.744-.148l17.989 32.418c1.183 2.133-12.903 4.394-12.271 6.73a29.997 29.997 0 0 1 1.039 7.827V429h402V46.827c0-2.547.325-5.073.957-7.518.634-2.446-13.424-4.812-12.188-7.039L8.744-.148C12.443-6.813 7.623 0 0 0"
transform="translate(455.014 22.5)"
fill="#ffead8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-17.989 32.418a29.995 29.995 0 0 0-3.769 14.557v367.173h-30V46.975a29.995 29.995 0 0 1 3.769-14.557L-30 0c3.699-6.665-1.121-14.852-8.744-14.852h30C-1.121-14.852 3.699-6.665 0 0"
transform="translate(478.758 22.352)"
fill="#ffe3cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-297.027a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(404.514 160.2)"
fill="#feca9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-297.027a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(404.514 130.2)"
fill="#feca9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-162.027a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(337.014 100.2)"
fill="#feca9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-45.532-22.099-83.219-50.882-89.635-2.847-.634-5.76 1.309-8.722 1.309-2.527 0-5.017-2.033-7.46-1.569-29.398 5.58-52.145 43.7-52.145 89.895 0 45.345 21.917 82.91 50.527 89.555 2.96.687 5.992-3.167 9.078-3.167 2.528 0 5.02 3.971 7.465 3.507C-22.744 84.311 0 46.193 0 0"
transform="translate(315.604 299.7)"
fill="#feca9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.062 0-5.311 2.271-8.248 1.593a42.028 42.028 0 0 1-5.993-1.866c25.657-10.11 44.603-45.542 44.603-87.703s-18.946-77.593-44.603-87.703a41.832 41.832 0 0 1 7.354-2.155c2.503-.488 5.055 1.532 7.646 1.532 2.963 0 5.876-1.943 8.722-1.309 28.784 6.416 50.881 44.103 50.881 89.635 0 46.193-22.743 84.311-52.137 89.894C5.779 2.383 2.529 0 0 0"
transform="translate(255.241 387.677)"
fill="#fdb97e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a39.91 39.91 0 0 1-16.473-.323c-10.441-20.749-14.161-40.883-11.042-59.915 2.265-13.815 7.427-23.086 12.42-32.052 4.523-8.12 8.794-15.79 10.952-27.013 3.39-17.62.001-37.107-10.074-57.92a7.453 7.453 0 0 1-.709-2.562 39.946 39.946 0 0 1 7.46-.705c2.963 0 5.875.334 8.722.968 9.964 22.239 13.106 43.431 9.332 63.052-2.612 13.586-7.679 22.682-12.577 31.479-4.569 8.201-8.882 15.948-10.723 27.179-2.796 17.058 1.181 35.532 11.82 54.909C-.383-1.977-.093-.989 0 0"
transform="translate(263.466 389.593)"
fill="#fedbbd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a134.7 134.7 0 0 1-1.821-3.764 51.025 51.025 0 0 0 6.485-4.015 58.364 58.364 0 0 0 5.928-4.952A123.534 123.534 0 0 0 15.586-2.57c.509.926.799 1.914.892 2.903a39.926 39.926 0 0 1-7.466.706C5.947 1.039 2.939.679 0 0"
transform="translate(246.988 389.26)"
fill="#feca9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.003-.005a95.86 95.86 0 0 0-4.779-9.273c-2.494-4.243-5.39-8.34-8.545-11.967-3.101-3.563-6.361-6.627-10.076-9.355a142.994 142.994 0 0 0-2.579-5.677 7.42 7.42 0 0 1-.708-2.559 39.83 39.83 0 0 1 7.459-.708c2.962 0 5.873.333 8.72.968h.001C-4.564-25.306-1.067-12.413 0 0"
transform="translate(275.231 248.647)"
fill="#feca9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-17.989 32.418a29.958 29.958 0 0 0-2.72 6.726l-.008.004h-404.082l-.008-.006a29.986 29.986 0 0 0-2.719-6.724L-445.516 0c-3.699-6.665 1.121-14.852 8.745-14.852H-8.744C-1.121-14.852 3.699-6.665 0 0"
transform="translate(478.758 22.352)"
fill="#feca9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-17.989 32.418a29.958 29.958 0 0 0-2.72 6.726l-.008.004h-30l.008-.004a29.958 29.958 0 0 1 2.72-6.726L-30 0c3.699-6.665-1.121-14.852-8.744-14.852h30C-1.121-14.852 3.699-6.665 0 0"
transform="translate(478.758 22.352)"
fill="#fdb97e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-427c-5.522 0-10 4.477-10 10v48c0 5.523 4.478 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.477 5.522 0 0 0"
transform="translate(469.5 436.5)"
fill="#feca9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c5.523 0 10-4.477 10-10v-48c0-5.523-4.477-10-10-10H0c5.523 0 10 4.477 10 10v48C10-4.477 5.523 0 0 0"
transform="translate(469.5 504.5)"
fill="#fdb97e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-427c-5.522 0-10 4.477-10 10v48c0 5.523 4.478 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.477 5.522 0 0 0Z"
transform="translate(469.5 436.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-428.027c-7.623 0-12.444 8.187-8.744 14.852l17.989 32.418a30.005 30.005 0 0 1 3.768 14.557V429h402V61.827A29.995 29.995 0 0 1-9.245 47.27L8.744 14.852C12.443 8.187 7.623 0 0 0Z"
transform="translate(470.014 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c10.862 22.22 28.262 36.617 47.873 36.617 32.918 0 59.605-40.562 59.605-90.598S80.791-144.58 47.873-144.58c-32.918 0-59.604 40.563-59.604 90.599 0 7.175.548 14.156 1.586 20.85"
transform="translate(208.127 353.682)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-8.474-15.432-16.448-36.544-12.647-59.731C-8.6-84.43 5.85-93.43 10.688-118.593c2.826-14.685 2.478-35.404-10.688-62.604"
transform="translate(256 390.3)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h297.027"
transform="translate(107.486 167.7)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h297.027"
transform="translate(107.486 137.7)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h162.027"
transform="translate(174.986 107.7)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-309.126"
transform="translate(363.085 61.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-59.956"
transform="translate(458.041 61.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category