Add icons to this collection by clicking the heart icon.
Coffee icon - also known as cup, drink, coffee, beverage, hot, and food and restaurant. Created in a clean outline 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 128 128"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="8"
x2="120"
y1="101.68"
y2="101.68"
>
<stop offset="0" stop-color="#c0ccce" />
<stop offset="1" stop-color="#dce2e1" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
gradientUnits="userSpaceOnUse"
x1="63.978"
x2="63.978"
y1="101"
y2="111.116"
>
<stop offset="0" stop-color="#b0c4cc" stop-opacity="0" />
<stop offset=".9867" stop-color="#b0c4cc" />
</linearGradient>
<linearGradient
id="linear-gradient-3"
gradientUnits="userSpaceOnUse"
x1="13.571"
x2="114.929"
y1="100.75"
y2="100.75"
>
<stop offset="0" stop-color="#dce2e1" />
<stop offset="1" stop-color="#c0ccce" />
</linearGradient>
<linearGradient
id="linear-gradient-4"
x1="64.25"
x2="64.25"
y2="93.5"
href="#linear-gradient-2"
/>
<linearGradient
id="linear-gradient-5"
gradientUnits="userSpaceOnUse"
x1="113.929"
x2="57"
y1="100.597"
y2="100.597"
>
<stop offset="0" stop-color="#92a6ad" stop-opacity="0" />
<stop offset=".9867" stop-color="#92a6ad" />
</linearGradient>
<linearGradient
id="linear-gradient-6"
x1="26.894"
x2="101.106"
y1="82.094"
y2="82.094"
href="#linear-gradient-3"
/>
<linearGradient
id="linear-gradient-7"
x1="64"
x2="64"
y1="83"
y2="105.929"
href="#linear-gradient-5"
/>
<linearGradient
id="linear-gradient-8"
gradientUnits="userSpaceOnUse"
x1="63.79"
x2="63.79"
y1="9.5"
y2="42.929"
>
<stop offset="0" stop-color="#e9efee" />
<stop offset="1" stop-color="#ccd9db" />
</linearGradient>
<linearGradient
id="linear-gradient-9"
x1="77.628"
x2="77.628"
y1="18.786"
y2="44.929"
href="#linear-gradient-8"
/>
<linearGradient
id="linear-gradient-10"
x1="50.728"
x2="50.728"
y1="18.786"
y2="44.929"
href="#linear-gradient-8"
/>
<linearGradient
id="linear-gradient-11"
x1="26.894"
x2="101.106"
y1="58.259"
y2="58.259"
href="#linear-gradient-3"
/>
<linearGradient
id="linear-gradient-12"
x1="64"
x2="64"
y1="56"
y2="66.875"
href="#linear-gradient-5"
/>
<linearGradient
id="linear-gradient-13"
gradientUnits="userSpaceOnUse"
x1="32.902"
x2="95.031"
y1="62.038"
y2="62.038"
>
<stop offset="0" stop-color="#c7463a" />
<stop offset="1" stop-color="#6d221b" />
</linearGradient>
<linearGradient
id="linear-gradient-14"
gradientUnits="userSpaceOnUse"
x1="63.967"
x2="63.967"
y1="62"
y2="66.875"
>
<stop offset="0" stop-color="#6d221b" stop-opacity="0" />
<stop offset=".641" stop-color="#6d221b" />
</linearGradient>
<linearGradient
id="linear-gradient-15"
x1="89.644"
x2="116.367"
y1="80.784"
y2="80.784"
href="#linear-gradient-3"
/>
<linearGradient
id="linear-gradient-16"
x1="98.764"
x2="94.907"
y1="90.475"
y2="89.939"
href="#linear-gradient-5"
/>
<linearGradient
id="linear-gradient-17"
x1="101.172"
x2="97.315"
y1="73.137"
y2="72.602"
href="#linear-gradient-5"
/>
<linearGradient
id="linear-gradient-18"
x1="98.764"
x2="98.764"
y1="89.962"
y2="96.224"
href="#linear-gradient-5"
/>
<linearGradient
id="linear-gradient-19"
x1="112.987"
x2="105.082"
y1="78.973"
y2="74.409"
href="#linear-gradient-5"
/>
<linearGradient
id="linear-gradient-20"
gradientUnits="userSpaceOnUse"
x1="63.784"
x2="63.784"
y1="8.501"
y2="43.929"
>
<stop offset="0" stop-color="#2d2d2d" />
<stop offset=".9867" stop-color="#141414" />
</linearGradient>
<linearGradient
id="linear-gradient-21"
x1="77.621"
x2="77.621"
y1="17.786"
y2="45.929"
href="#linear-gradient-20"
/>
<linearGradient
id="linear-gradient-22"
x1="50.721"
x2="50.721"
y1="17.786"
y2="45.929"
href="#linear-gradient-20"
/>
<linearGradient
id="linear-gradient-23"
x1="64"
x2="64"
y1="48.643"
y2="112.116"
href="#linear-gradient-20"
/>
<g id="Layer_2">
<g>
<path
d="m103.1927 93.4331c10.3652 1.8209 16.7993 4.386 16.807 7.2481.0153 5.6528-25.0442 10.3237-55.972 10.4327s-56.0121-4.3852-56.0277-10.038c-.01-3.6981 10.7117-6.9759 26.787-8.8312z"
fill="url(#linear-gradient)"
/>
<path
d="m8.0069 101c-.0009.0253-.0067.05-.0067.0759.0154 5.6528 25.1 10.147 56.0275 10.038 30.343-.1069 55.02-4.6056 55.9288-10.1139z"
fill="url(#linear-gradient-2)"
/>
<ellipse
cx="64.25"
cy="100.75"
fill="url(#linear-gradient-3)"
rx="50.679"
ry="7.25"
/>
<path
d="m64.25 93.5c-27.989 0-50.6786 3.246-50.6786 7.25a1.1 1.1 0 0 0 .0442.25h101.2688a1.1 1.1 0 0 0 .0442-.25c0-4.0041-22.6896-7.25-50.6786-7.25z"
fill="url(#linear-gradient-4)"
/>
<path
d="m57 105 33.7926 1.8345c13.92-1.2923 23.136-3.5338 23.136-6.0846 0-2.7642-10.8167-5.1666-26.723-6.39l-30.2056 1.6401z"
fill="url(#linear-gradient-5)"
/>
</g>
<g>
<path
d="m26.8943 58.2588c1.541 16.8264 5.8292 31.6694 11.7449 41.781 2.4408 3.246 11.5814 5.8887 25.3608 5.8887s22.92-2.6427 25.3608-5.8887c5.9157-10.1116 10.2039-24.9546 11.7449-41.781z"
fill="url(#linear-gradient-6)"
/>
<path
d="m31.5223 83a78.1813 78.1813 0 0 0 7.1169 17.04c2.4408 3.2458 11.5814 5.8885 25.3608 5.8885s22.92-2.6427 25.3608-5.8888a78.1764 78.1764 0 0 0 7.1169-17.0397z"
fill="url(#linear-gradient-7)"
/>
</g>
<path
d="m62.1424 42.9286a16.425 16.425 0 0 0 -1.1635-15.7033c-5.1429-8.1429 4.1011-16.011 5.7395-17.7253 0 0-3.1832 5.7857-2.0046 11.4643.9737 4.6916 3.4286 5.0357 3.4286 11.0357s-6 10.9286-6 10.9286z"
fill="url(#linear-gradient-8)"
/>
<path
d="m76.3387 44.9286a12.845 12.845 0 0 0 -.91-12.2808c-4.022-6.3681 3.2073-12.5214 4.4886-13.8621 0 0-2.4894 4.5247-1.5677 8.9657.7615 3.669 2.6813 3.9382 2.6813 8.6305s-4.6922 8.5467-4.6922 8.5467z"
fill="url(#linear-gradient-9)"
/>
<path
d="m49.4392 44.9286a12.8451 12.8451 0 0 0 -.91-12.2808c-4.0219-6.3681 3.2074-12.5214 4.4886-13.8621 0 0-2.4894 4.5247-1.5676 8.9657.7615 3.669 2.6813 3.9382 2.6813 8.6305s-4.6923 8.5467-4.6923 8.5467z"
fill="url(#linear-gradient-10)"
/>
<g>
<ellipse
cx="64"
cy="58.259"
fill="url(#linear-gradient-11)"
rx="37.106"
ry="8.616"
/>
<path
d="m26.8943 58.2589c0 4.7584 16.6128 8.6159 37.1057 8.6159s37.1057-3.8575 37.1057-8.6159a3.09 3.09 0 0 0 -1.2974-2.2589h-71.6166a3.09 3.09 0 0 0 -1.2974 2.2589z"
fill="url(#linear-gradient-12)"
/>
</g>
<g>
<path
d="m32.9024 62.9569c6.6206 2.3579 18.0712 3.9179 31.0976 3.9179 12.9819 0 24.4-1.5492 31.0306-3.8936-3.1784-3.3066-15.8771-5.7795-31.0756-5.7795-15.1614 0-27.835 2.4607-31.0526 5.7552z"
fill="url(#linear-gradient-13)"
/>
<path
d="m32.9024 62.9569c6.6206 2.3579 18.0712 3.9179 31.0976 3.9179 12.9819 0 24.4-1.5492 31.0306-3.8936a6.6665 6.6665 0 0 0 -1.2862-.9812h-59.5786a6.747 6.747 0 0 0 -1.2634.9569z"
fill="url(#linear-gradient-14)"
/>
</g>
<g>
<path
d="m95.8792 83.0821c-.1695 2.4333.513 4.4529 2.0674 5.4244 2.9348 1.8344 7.8663-.762 11.0147-5.7992s3.3218-10.6078.387-12.4422c-3.2165-2.01-8.8312 1.3012-11.8687 7.3152l.8332-7.7881c3.5587-3.03 9.7535-6.77 15.4234-2.5715 6.12 4.5319.72 17.6094-7.5519 24.2346-5.1712 4.142-11.53 4.9262-16.5407 4.7442z"
fill="url(#linear-gradient-15)"
/>
<g>
<path
d="m106.4327 85.8848c-2.8769 2.8475-6.2569 4.0151-8.4862 2.6217-1.5543-.9715-2.2368-2.9911-2.0673-5.4244l-6.2356 13.1179c5.011.182 11.3695-.6021 16.5407-4.7442.5555-.4449 1.0968-.9209 1.6237-1.4195z"
fill="url(#linear-gradient-16)"
/>
<path
d="m97.48 77.58a17.5664 17.5664 0 0 1 4.3542-5.5757l-1.2958-3.911a25.57 25.57 0 0 0 -2.2253 1.6986z"
fill="url(#linear-gradient-17)"
/>
</g>
<path
d="m106.1843 91.4553c.5824-.4665 1.1486-.9678 1.7-1.493l-16.443 2.4566-1.7977 3.7811c5.011.1815 11.3695-.6026 16.5407-4.7447z"
fill="url(#linear-gradient-18)"
/>
<path
d="m108.4307 83.5032.0087-.0065c4.0108-3.1818 6.1222-4.9891 5.15-10.2646-.4788-2.5973-5.8046-3.5038-5.8046-3.5038a3.8651 3.8651 0 0 1 1.5636.5368c2.9348 1.8344 2.7616 7.4049-.3869 12.4422-.1715.2737-.3497.5369-.5308.7959z"
fill="url(#linear-gradient-19)"
/>
</g>
</g>
<g id="Layer_3">
<path
d="m61.2568 42.4648a1 1 0 0 0 1.52 1.2369c.26-.2139 6.3653-5.3028 6.3653-11.7017a13.0154 13.0154 0 0 0 -1.876-7.2446 13.1353 13.1353 0 0 1 -1.5737-3.9942c-1.0869-5.2368 1.872-10.7251 1.9018-10.78a1 1 0 0 0 -1.6-1.1719c-.13.1367-.311.3135-.53.5283-2.5918 2.541-10.4785 10.273-5.3315 18.4219a15.2942 15.2942 0 0 1 1.1241 14.7053zm2.7759-28.6381a16.6462 16.6462 0 0 0 -.2978 7.3408 15.1841 15.1841 0 0 0 1.7744 4.5425 11.0555 11.0555 0 0 1 1.6333 6.29 12.2224 12.2224 0 0 1 -2.7637 7.06 17.3457 17.3457 0 0 0 -2.5542-12.3687c-2.9414-4.6566-.7685-9.2201 2.208-12.8646z"
fill="url(#linear-gradient-20)"
/>
<path
d="m75.4531 44.4648a1 1 0 0 0 1.52 1.2369c.2066-.17 5.0577-4.2134 5.0577-9.32a10.3654 10.3654 0 0 0 -1.4937-5.77 10.0923 10.0923 0 0 1 -1.209-3.0635c-.8325-4.0131 1.4424-8.24 1.4658-8.2817a1 1 0 0 0 -1.6-1.1719c-.1.1055-.24.2422-.41.4082-2.0581 2.0176-8.32 8.1573-4.2017 14.6792a11.7513 11.7513 0 0 1 .8709 11.2828zm1.9463-21.4018a12.6479 12.6479 0 0 0 -.0288 4.8916 12.0608 12.0608 0 0 0 1.41 3.6128 8.4605 8.4605 0 0 1 1.251 4.8144 8.6994 8.6994 0 0 1 -1.6094 4.6719 13.7848 13.7848 0 0 0 -2.1475-8.94c-2.0325-3.2172-.8313-6.3974 1.1247-9.0507z"
fill="url(#linear-gradient-21)"
/>
<path
d="m48.5527 44.4658a1 1 0 0 0 1.521 1.2359c.2066-.17 5.0576-4.2134 5.0576-9.32a10.3635 10.3635 0 0 0 -1.4936-5.7695 10.1014 10.1014 0 0 1 -1.2085-3.064c-.833-4.0131 1.4424-8.24 1.4658-8.2817a1 1 0 0 0 -1.6-1.1719c-.1006.1055-.24.2422-.41.4082-2.0582 2.0176-8.32 8.1573-4.2017 14.6792a11.75 11.75 0 0 1 .8694 11.2838zm1.9473-21.4023a12.6457 12.6457 0 0 0 -.0283 4.8911 12.0752 12.0752 0 0 0 1.4083 3.6128 8.4616 8.4616 0 0 1 1.2509 4.8144 8.6986 8.6986 0 0 1 -1.6088 4.6714 13.7859 13.7859 0 0 0 -2.1475-8.9394c-2.0318-3.2168-.8307-6.397 1.1254-9.0503z"
fill="url(#linear-gradient-22)"
/>
<path
d="m105.869 92.92c.3157-.225.6378-.4414.9406-.6839 6.1333-4.9121 10.6709-13.2045 10.5556-19.288a7.9376 7.9376 0 0 0 -3.0337-6.5308c-3.818-2.8273-8.3554-2.7684-13.2223.13.4006-2.6771.7371-5.41.9924-8.1971.0007-.0078-.003-.0146-.0024-.0223.0005-.0233.0068-.0457.0068-.069 0-6.2456-19.6333-9.6157-38.106-9.6157s-38.106 3.37-38.106 9.6157c0 .0233.0063.0457.0068.069.0006.0077-.0031.0145-.0024.0223a119.5848 119.5848 0 0 0 7.4654 33.0572c-10.4289 1.2781-26.3788 4.1376-26.3633 9.6707.0088 3.3672 5.811 6.1133 17.2451 8.1616 12.2921 2.2027 27.3665 2.923 39.7857 2.8741 27.6318-.0972 56.9882-4.1382 56.9682-11.4351-.0081-3.1537-5.1019-5.7599-15.1305-7.7587zm7.2721-24.8953a5.9405 5.9405 0 0 1 2.2241 4.961c.105 5.5229-4.1108 13.1279-9.8056 17.6894a21.8346 21.8346 0 0 1 -12.5389 4.4713q1.5786-3.4056 2.9277-7.2383a4.8591 4.8591 0 0 0 1.4681 1.4467 5.008 5.008 0 0 0 2.6919.7446 8.0947 8.0947 0 0 0 3.7314-1.03 16.3623 16.3623 0 0 0 5.97-5.8315c3.4936-5.59 3.5239-11.6606.0688-13.82-1.7348-1.084-4.0176-.9815-6.4258.2876a14.091 14.091 0 0 0 -3.3107 2.4863q.2853-1.4737.5407-2.9767c3.3472-2.3817 8.1214-4.4035 12.4583-1.1907zm-84.87-6.2439c5.7602 3.9792 21.1033 6.0942 35.7289 6.0942s29.9688-2.115 35.7292-6.0945a122.38 122.38 0 0 1 -4.7706 22.7966l-.0041.0128a74.8208 74.8208 0 0 1 -6.4257 14.892c-2.1103 2.7181-10.4878 5.4468-24.5288 5.4468s-22.4185-2.7287-24.5288-5.4468c-5.523-9.4652-9.4534-22.7469-11.2004-37.7014zm6.83.82c4.2288-2.3049 14.7128-4.3989 28.8547-4.3989 14.2255 0 24.6885 2.0965 28.8927 4.4146-6.1991 1.8227-16.1243 3.2585-28.8485 3.2585-12.76 0-22.7049-1.444-28.9-3.2744zm64.13 13.92a14.3 14.3 0 0 1 5.1547-5.0467c1.7519-.9233 3.3271-1.0517 4.4331-.3608 2.42 1.5127 2.0976 6.58-.7051 11.0644a14.3429 14.3429 0 0 1 -5.2051 5.1211c-1.7524.9219-3.3267 1.05-4.4316.3594a3.7681 3.7681 0 0 1 -1.5357-2.7164q1.2735-4.0326 2.2892-8.421zm-35.2311-25.8777c22.3215 0 36.0435 4.416 36.1031 7.5947-.0056.0609-.0128.1207-.0185.1816-.1525 1.0773-1.8291 2.2834-4.8463 3.4076-4.09-3.374-16.5121-5.6253-31.2832-5.6253-14.6952 0-27.1474 2.2447-31.26 5.6013-2.9766-1.1173-4.6288-2.314-4.78-3.3836-.0057-.0609-.0129-.1207-.0185-.1816.0599-3.1787 13.7819-7.5947 36.1034-7.5947zm.0244 59.4707c-14.8833.0537-28.9-.9566-39.4263-2.8428-11.5058-2.0615-15.5932-4.627-15.5976-6.1982-.0063-2.3 7.8774-5.6823 25.1644-7.7467a66.4443 66.4443 0 0 0 3.611 7.2183 1.0555 1.0555 0 0 0 .0639.0962c2.9165 3.8784 12.9405 6.2881 26.16 6.2881s23.2437-2.41 26.16-6.2881a1.0555 1.0555 0 0 0 .0639-.0962c.6246-1.0675 1.224-2.1936 1.808-3.352a26.1193 26.1193 0 0 0 11.3063-2.7153c11.5366 2.061 15.6573 4.6253 15.6611 6.207.0109 3.8564-20.898 9.3096-54.9747 9.4297z"
fill="url(#linear-gradient-23)"
/>
</g>
</svg>
More icons in the same style and category