Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, cup, coffee, hot drink, take away, coffee shop, coffee cup, Paper cup, and food and restaurant. Created in a clean lineal color style with a white, gray, black, 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="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 0-.324 29.744A38.182 38.182 0 0 1-6.489 50.1l-18.127 27.887a38.176 38.176 0 0 1-32.008 17.37h-175.369A38.174 38.174 0 0 1-264 77.987L-282.127 50.1a38.173 38.173 0 0 1-6.165-20.356L-288.617 0Z"
transform="translate(400.052 408.96)"
fill="#ffeed6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a38.167 38.167 0 0 1-6.165 20.355l-18.127 27.888A38.174 38.174 0 0 1-56.3 65.613h-44a38.174 38.174 0 0 0 32.008-17.37l18.127-27.888A38.167 38.167 0 0 0-44 0l.324-29.744h44z"
transform="translate(399.728 438.704)"
fill="#ffe2ba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-164.134c-13.614 0-25.03 10.333-26.453 23.943l-31.3 299.374h279.64L26.454 23.943C25.03 10.333 13.614 0 0 0"
transform="translate(338.067 7.683)"
fill="#ffd775"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-31.299-299.374c-1.423-13.61-12.84-23.943-26.453-23.943h44c13.613 0 25.03 10.333 26.453 23.943L44 0Z"
transform="translate(351.82 331)"
fill="#ffc026"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-317.539c-12.446 0-22.535 10.09-22.535 22.535 0 12.446 10.089 22.535 22.535 22.535H0c12.446 0 22.535-10.089 22.535-22.535C22.535 10.09 12.446 0 0 0"
transform="translate(414.77 330.343)"
fill="#ffeed6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-44c12.446 0 22.535-10.089 22.535-22.535C-21.465-34.98-31.554-45.07-44-45.07H0c12.446 0 22.535 10.09 22.535 22.535C22.535-10.089 12.446 0 0 0"
transform="translate(414.77 375.413)"
fill="#ffe2ba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-291.494c-10.021 0-18.144 8.123-18.144 18.145 0 10.02 8.123 18.143 18.144 18.143H0c10.021 0 18.144-8.123 18.144-18.143C18.144 8.123 10.021 0 0 0"
transform="translate(401.747 376)"
fill="#f8d8ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-44c10.021 0 18.144-8.124 18.144-18.145 0-10.021-8.123-18.144-18.144-18.144H0c10.021 0 18.144 8.123 18.144 18.144C18.144-8.124 10.021 0 0 0"
transform="translate(401.747 412.29)"
fill="#f6cc90"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-271.5l21-205H-22Z"
transform="translate(392.5 288)"
fill="#ffeed6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-22-205h44L44 0Z"
transform="translate(348.5 288)"
fill="#ffe2ba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-26.899-26.898-63.026-34.382-80.693-16.715C-98.36.952-90.877 37.08-63.979 63.979-37.08 90.877-.952 98.36 16.715 80.693S26.898 26.898 0 0"
transform="translate(287.99 153.51)"
fill="#bd8957"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-34.608 7.805-46.259-14.638-48.225-28.403-2-14-2-30-17-46-13.391-14.284-35.532-13.426-40.132-13.077a30.186 30.186 0 0 1 3.428-4.127c17.667-17.667 53.795-10.184 80.693 16.714C2.986-50.67 11.454-18.97 0 0"
transform="translate(309.225 228.403)"
fill="#b07a46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-217.77c-9.908 0-9.905-16.024 0-16.024h190.491l-2.766-26.319h-257.458l-2.759 26.319h26.492c9.909 0 9.906 16.024 0 16.024h-53.769c-8.291 0-15.035 6.745-15.035 15.035s6.744 15.035 15.035 15.035H0c8.291 0 15.035-6.745 15.035-15.035S8.291 0 0 0m-266.015-247.343-19.916 190h254.309l-19.968-190zm-39.232 314.288h292.955c5.466 0 9.914-4.447 9.914-9.913s-4.448-9.913-9.914-9.913h-292.955c-5.466 0-9.914 4.447-9.914 9.913s4.448 9.913 9.914 9.913M8.776 43.759a24.752 24.752 0 0 1 3.846 13.273c0 12.027-8.567 22.09-19.918 24.409l-.246 19.509a45.583 45.583 0 0 1-2.618 14.711c-3.223 9.099-17.367 4.105-14.139-5.008a30.615 30.615 0 0 0 1.758-9.886l.237-18.822h-273.443l.237 18.828a30.632 30.632 0 0 0 4.954 16.357l18.127 27.888a30.568 30.568 0 0 0 25.719 13.957h175.369a30.57 30.57 0 0 0 25.719-13.957c5.26-8.091 17.846.067 12.577 8.173-8.459 13.014-22.775 20.784-38.296 20.784H-246.71c-15.521 0-29.837-7.77-38.296-20.783l-18.127-27.888a45.608 45.608 0 0 1-7.376-24.348l-.247-19.633c-11.095-2.514-19.405-12.447-19.405-24.291 0-4.877 1.414-9.428 3.846-13.273-12.293-3.763-21.259-15.215-21.259-28.724 0-16.561 13.473-30.035 30.035-30.035h12.087l25.223-240.625a7.5 7.5 0 0 1 7.459-6.718h219.603l-4.541-43.214a19.058 19.058 0 0 0-18.995-17.103h-164.133a19.058 19.058 0 0 0-18.995 17.103l-1.103 10.498c-1.009 9.603-15.928 8.046-14.918-1.568l1.103-10.498a34.026 34.026 0 0 1 33.913-30.535h164.133a34.026 34.026 0 0 1 33.913 30.535L-12.089-15H0c16.562 0 30.035 13.474 30.035 30.035 0 13.509-8.966 24.961-21.259 28.724"
transform="translate(414.77 337.843)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.652 0-9.668-15 0-15h76.407c9.652 0 9.668 15 0 15z"
transform="translate(217.796 463.519)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.387-18.388-42.008-27.079-58.356-23.093 10.688 2.385 19.823 7.152 26.598 13.927 12.343 12.344 13.904 25.08 15.281 36.316.945 7.711 1.838 14.995 6.073 22.28C-5.827 57.302.921 61.689 9.651 62.469c5.921.532 10.98-.749 12.553-1.208C28.09 44.906 19.511 19.511 0 0m-53.372 53.371C-37.93 68.813-18.798 77.416-3.381 77.416c2.477 0 4.857-.225 7.111-.676-9.805-1.978-19.993-7.545-27.102-19.771-5.781-9.946-6.957-19.534-7.993-27.994-1.29-10.529-2.309-18.844-10.999-27.534-10.381-10.38-26.111-11.33-32.435-11.252-7.335 16.231 1.134 42.89 21.427 63.182m80.693 27.322C16.931 91.084 1.405 94.779-16.388 91.088c-16.657-3.45-33.558-13.078-47.591-27.109-14.032-14.033-23.66-30.934-27.11-47.591-3.686-17.797.006-33.32 10.396-43.71 7.763-7.764 18.393-11.787 30.696-11.787 4.162 0 8.515.46 13.013 1.392 16.657 3.45 33.558 13.078 47.59 27.11 14.033 14.032 23.661 30.933 27.111 47.59 3.686 17.797-.006 33.32-10.396 43.71"
transform="translate(282.686 158.815)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category