Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, coffee, hot drink, coffee cup, mug, chocolate, tea cup, and food and restaurant. Created in a clean 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="100"
height="100"
viewBox="0 0 431.543 431.543"
>
<linearGradient
id="a"
x1="-36.711"
x2="-36.711"
y1="574.833"
y2="484.136"
gradientTransform="matrix(5.2245 0 0 -5.2245 378.049 3001.291)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M322.612 400.196H49.894c-8.882 0-15.673 6.792-15.673 15.673 0 8.882 6.792 15.673 15.673 15.673h272.718c8.882 0 15.673-6.792 15.673-15.673.001-8.881-7.314-15.673-15.673-15.673z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-50.211"
x2="-50.211"
y1="574.833"
y2="484.136"
gradientTransform="matrix(5.2245 0 0 -5.2245 378.049 3001.291)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M115.722 113.371c8.882 0 15.673-6.792 15.673-15.673V54.857c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v42.841c0 8.882 7.314 15.673 15.673 15.673z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-36.811"
x2="-36.811"
y1="574.833"
y2="484.136"
gradientTransform="matrix(5.2245 0 0 -5.2245 378.049 3001.291)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M185.731 111.804c8.882 0 15.673-6.792 15.673-15.673V15.673C201.404 6.792 194.612 0 185.731 0c-8.882 0-15.673 6.792-15.673 15.673V96.13c-.001 8.882 7.313 15.674 15.673 15.674z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-23.311"
x2="-23.311"
y1="574.833"
y2="484.136"
gradientTransform="matrix(5.2245 0 0 -5.2245 378.049 3001.291)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M256.261 111.804c8.882 0 15.673-6.792 15.673-15.673V54.857c0-8.882-6.792-15.673-15.673-15.673-8.882 0-15.673 6.792-15.673 15.673V96.13c0 8.882 6.792 15.674 15.673 15.674z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-31.061"
x2="-31.061"
y1="574.833"
y2="484.136"
gradientTransform="matrix(5.2245 0 0 -5.2245 378.049 3001.291)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M358.139 178.678h-5.224v-26.645c0-8.882-6.792-15.673-15.673-15.673H33.698c-8.882 0-15.673 6.792-15.673 15.673v50.678c0 91.951 75.233 167.184 167.706 167.184 60.604 0 113.371-32.392 142.629-80.457h29.78c30.302 0 55.38-25.078 55.38-55.38-.002-30.303-25.079-55.38-55.381-55.38zM185.731 338.547c-75.233 0-136.359-61.127-136.359-135.837v-35.004h272.196v35.004c-.001 74.71-61.127 135.837-135.837 135.837zm172.408-80.457H343.51c5.224-15.151 8.359-31.347 9.404-48.065h5.224c13.061 0 24.033 10.971 24.033 24.033-.522 13.06-10.971 24.032-24.032 24.032z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category