Add icons to this collection by clicking the heart icon.
Coffee icon - also known as christmas, winter, cup, coffee, tea, hot drink, and food and restaurant. Created in a clean flat gradient style with a silver 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="30.361"
x2="30.361"
y1="61.059"
y2="51.272"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#95c8ec" />
<stop offset="1" stop-color="#70b2e2" />
</linearGradient>
<linearGradient
id="b"
x1="30.361"
x2="30.361"
y1="44.188"
y2="53.077"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#70b2e2" />
<stop offset="1" stop-color="#57a0d7" />
</linearGradient>
<linearGradient
id="c"
x1="30.361"
x2="30.361"
y1="14.188"
y2="50.026"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4cb6ac" />
<stop offset="1" stop-color="#24a69a" />
</linearGradient>
<linearGradient
id="d"
x1="28.908"
x2="33.988"
y1="30.002"
y2="35.082"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8d6e63" />
<stop offset="1" stop-color="#6d4d42" />
</linearGradient>
<linearGradient
id="e"
x1="25.998"
x2="30.478"
y1="27.092"
y2="31.572"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a1887f" />
<stop offset="1" stop-color="#8d6e63" />
</linearGradient>
<path fill="url(#a)" d="M46.599 59.5H14.123l-2.336-7.297h37.149z" />
<rect
width="49.446"
height="5.495"
x="5.639"
y="46.708"
fill="url(#b)"
rx="2.748"
/>
<path
fill="#80cbc4"
d="M53.361 21.916h-8.019a1 1 0 0 0 0 2h8.019a3 3 0 0 1 3 3v9.079a3 3 0 0 1-3 3h-8.019a1 1 0 0 0 0 2h8.019a5.006 5.006 0 0 0 5-5v-9.079a5.006 5.006 0 0 0-5-5z"
/>
<path
fill="url(#c)"
d="M17.381 16.2h25.96a2 2 0 0 1 2 2v28.5h-29.96V18.2a2 2 0 0 1 2-2z"
/>
<path
fill="url(#d)"
d="M35.135 26.682s-4.064 1.206-4.774 4.773-4.773 4.774-4.773 4.774c2.007 2.007 5.771 1.5 8.408-1.139s3.146-6.401 1.139-8.408z"
/>
<path
fill="url(#e)"
d="M30.361 31.455c.71-3.567 4.774-4.773 4.774-4.773-2.007-2.007-5.772-1.5-8.408 1.139s-3.146 6.4-1.139 8.408c0 0 4.064-1.206 4.773-4.774z"
/>
<g fill="#cfd8dc">
<path
d="M31.836 5.5a1 1 0 0 0-2 0c0 .084 0 .091-.2.295a2.254 2.254 0 0 0 0 3.364c.2.2.2.211.2.3s0 .093-.2.3a2.28 2.28 0 0 0-.753 1.683 1 1 0 0 0 2 0c0-.086 0-.093.2-.3a2.255 2.255 0 0 0 0-3.364c-.2-.205-.2-.211-.2-.3s0-.092.2-.3a2.272 2.272 0 0 0 .753-1.678zM40.887 7.477c0-.085 0-.092.2-.3a2.272 2.272 0 0 0 .749-1.677 1 1 0 0 0-2 0c0 .084 0 .091-.2.295a2.254 2.254 0 0 0 0 3.364c.2.2.2.211.2.3s0 .093-.2.3a2.28 2.28 0 0 0-.753 1.683 1 1 0 0 0 2 0c0-.086 0-.093.2-.3a2.255 2.255 0 0 0 0-3.364c-.196-.209-.196-.215-.196-.301zM21.836 5.5a1 1 0 0 0-2 0c0 .084 0 .091-.2.295a2.254 2.254 0 0 0 0 3.364c.2.2.2.211.2.3s0 .093-.2.3a2.28 2.28 0 0 0-.753 1.683 1 1 0 0 0 2 0c0-.086 0-.093.2-.3a2.255 2.255 0 0 0 0-3.364c-.2-.205-.2-.211-.2-.3s0-.092.2-.3a2.272 2.272 0 0 0 .753-1.678z"
/>
</g>
</svg>
More icons in the same style and category