Add icons to this collection by clicking the heart icon.
Coffee icon - also known as clock, coffee, coffee cup, mug, cafe, coffee break, and food and restaurant. Created in a clean lineal color gradient 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffddf3" />
<stop offset="1" stop-color="#7900e9" />
</linearGradient>
<linearGradient
id="b"
x1="19"
x2="39"
y1="43"
y2="43"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="23"
x2="35"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M21 52c-1.103 0-2-.897-2-2V34h20v16c0 1.103-.897 2-2 2zm9.738-16.016a9.12 9.12 0 0 0-1.829.187c-2.934.603-6.41 2.778-7.568 6.281-.646 1.985-.278 4.039.983 5.504.582.72 1.435 1.308 2.429 1.652a7.536 7.536 0 0 0 2.545.428c2.413 0 5.007-1.068 6.94-2.858 2.199-2.04 3.697-5.391 2.089-8.28a5.377 5.377 0 0 0-.644-.906c-1.138-1.296-2.893-2.008-4.945-2.008z"
/>
<path
fill="url(#c)"
d="M29 24c-3.252 0-6-2.748-6-6s2.748-6 6-6 6 2.748 6 6-2.748 6-6 6z"
/>
<g fill="#541491">
<path
d="M37 55H21a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2zM23.817 47.69a1.001 1.001 0 0 1-.848-1.528c1.444-2.321 3.257-3.294 5.715-4.111 2.137-.71 3.511-1.442 4.648-3.27a1 1 0 1 1 1.698 1.057c-1.444 2.321-3.257 3.294-5.715 4.111-2.137.71-3.511 1.442-4.648 3.27a1 1 0 0 1-.85.471z"
/>
<path
d="M27.286 49.036a6.591 6.591 0 0 1-2.214-.37c-2.454-.871-3.626-3.351-2.786-5.895 1.034-3.131 4.173-5.077 6.825-5.617a8.138 8.138 0 0 1 1.627-.166c2.139 0 3.857.872 4.716 2.392 1.349 2.425.019 5.293-1.897 7.063-1.759 1.623-4.103 2.593-6.271 2.593zm3.452-10.048c-.408 0-.821.042-1.228.125-2.468.503-4.658 2.265-5.325 4.285-.5 1.516.125 2.875 1.556 3.383 1.912.678 4.624-.112 6.458-1.808 1-.924 2.444-2.936 1.51-4.615-.673-1.191-2.15-1.37-2.971-1.37zM26.258 20.217a.999.999 0 0 1-.407-1.914l2.742-1.217a1 1 0 1 1 .812 1.828l-2.742 1.217a1 1 0 0 1-.405.086z"
/>
<path d="M29 19a1 1 0 0 1-1-1v-4a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1z" />
<path
d="M29 27c-4.878 0-9-4.121-9-9s4.122-9 9-9 9 4.121 9 9-4.122 9-9 9zm0-16c-3.794 0-7 3.206-7 7s3.206 7 7 7 7-3.206 7-7-3.206-7-7-7zM41 33H17a1 1 0 1 1 0-2h24a1 1 0 1 1 0 2z"
/>
<path
d="M41 51a1 1 0 0 1-1-1V32a1 1 0 1 1 2 0v18a1 1 0 0 1-1 1zM47 47a1 1 0 0 1-1-1v-8a1 1 0 1 1 2 0v8a1 1 0 0 1-1 1z"
/>
<path
d="M47 39a1 1 0 0 1-1-1c0-.552-.449-1-1-1a1 1 0 1 1 0-2c1.654 0 3 1.346 3 3a1 1 0 0 1-1 1zM17 51a1 1 0 0 1-1-1V32a1 1 0 1 1 2 0v18a1 1 0 0 1-1 1z"
/>
<path
d="M45 37h-4a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2zM43 51a1 1 0 1 1 0-2c1.654 0 3-1.346 3-3a1 1 0 1 1 2 0c0 2.757-2.243 5-5 5z"
/>
<path d="M43 51h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2z" />
<path
d="M37 55a1 1 0 1 1 0-2c1.654 0 3-1.346 3-3a1 1 0 1 1 2 0c0 2.757-2.243 5-5 5zM21 55c-2.757 0-5-2.243-5-5a1 1 0 1 1 2 0c0 1.654 1.346 3 3 3a1 1 0 1 1 0 2z"
/>
</g>
</svg>
More icons in the same style and category