Add icons to this collection by clicking the heart icon.
V60 icon - also known as coffee, hot drink, shop, cafe, food and restaurant, and v60. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fffbe5" />
<stop offset=".514" stop-color="#fff6ce" />
<stop offset=".976" stop-color="#fff0ad" />
</linearGradient>
<radialGradient
id="f"
cx="363.259"
cy="73.659"
r="41.54"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="421.988"
cy="345.988"
r="38.642"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff0ad" />
<stop offset=".518" stop-color="#ffe177" />
<stop offset=".635" stop-color="#ffd96a" />
<stop offset="1" stop-color="#ffc344" />
</radialGradient>
<radialGradient
id="h"
cx="452.053"
cy="280.314"
r="93.775"
gradientTransform="matrix(0 1 -.615 0 624.52 -171.739)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="80.355"
cy="484.295"
r="88.878"
gradientTransform="matrix(-1 0 0 -.432 160.71 693.683)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c59191" />
<stop offset=".493" stop-color="#b98080" />
<stop offset=".617" stop-color="#ab7373" />
<stop offset=".976" stop-color="#855151" />
</radialGradient>
<radialGradient
id="j"
cx="74.412"
cy="395.682"
r="72.495"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#edd9d3" />
<stop offset=".075" stop-color="#e9d2cd" />
<stop offset=".358" stop-color="#dcbbb9" />
<stop offset=".535" stop-color="#d7b2b2" />
<stop offset=".973" stop-color="#c59191" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#c6f2e7" />
<stop offset=".546" stop-color="#afe2e6" />
<stop offset="1" stop-color="#75cdd5" />
</linearGradient>
<radialGradient
id="k"
cx="71.871"
cy="342.6"
r="125.05"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="l"
cx="115.071"
cy="223.165"
r="52.109"
gradientTransform="matrix(0 1 -1.83 0 523.388 108.094)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="m"
cx="100.576"
cy="198.035"
r="69.172"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="n"
cx="90.718"
cy="230.365"
r="121.421"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="o"
cx="71.024"
cy="170.012"
r="107.697"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="p"
cx="125.659"
cy="176.365"
r="80.203"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="q"
cx="126.732"
cy="147.31"
r="255.062"
gradientTransform="matrix(-.444 0 0 -.182 254.873 148.506)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="r"
cx="67.721"
cy="104.675"
r="210.388"
gradientTransform="matrix(-.444 0 0 -.26 202.419 106.327)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="s"
cx="8.827"
cy="62.886"
r="277.474"
gradientTransform="matrix(-.444 0 0 -.209 150.068 50.437)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="t"
cx="152.341"
cy="-.459"
r="99.037"
gradientTransform="matrix(-1 0 0 -.599 304.682 -.734)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffd15b" />
<stop offset=".512" stop-color="#ffc344" />
<stop offset=".707" stop-color="#ffb126" />
<stop offset=".976" stop-color="#ff9a00" />
</linearGradient>
<radialGradient
id="u"
cx="453.406"
cy="272.052"
r="102.532"
gradientTransform="matrix(0 1 -.615 0 620.789 -181.354)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#75cdd5" />
<stop offset=".214" stop-color="#4fc4ce" />
<stop offset=".406" stop-color="#2abcc8" />
<stop offset="1" stop-color="#0996a4" />
</linearGradient>
<radialGradient
id="v"
cx="330.223"
cy="387.99"
r="182.812"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#ae6c6c" />
<stop offset=".512" stop-color="#9b5e5e" />
<stop offset=".564" stop-color="#965b5b" />
<stop offset=".976" stop-color="#704444" />
</linearGradient>
<radialGradient
id="w"
cx="319.212"
cy="499.539"
r="126.807"
gradientTransform="matrix(-1 0 0 -.432 638.424 715.518)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="x"
cx="391.049"
cy="52.826"
r="51.467"
gradientTransform="matrix(0 1 -.615 0 423.551 -338.223)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="y"
cx="345.509"
cy="203.029"
r="185.741"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="z"
cx="338.85"
cy="258.434"
r="170.311"
gradientTransform="matrix(-1 0 0 -.652 677.701 415.415)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="A"
cx="321.877"
cy="184.895"
r="106.35"
gradientTransform="matrix(-1 0 0 -.435 643.755 265.294)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="B"
cx="330.658"
cy="244.12"
r="134.27"
gradientTransform="matrix(-.444 0 0 .138 436.141 131.829)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="C"
cx="390.955"
cy="93.945"
r="256.289"
gradientTransform="matrix(-.444 0 0 -.356 489.737 101.808)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="D"
cx="376.66"
cy="83.78"
r="256.289"
gradientTransform="matrix(-.444 0 0 -.26 477.032 79.993)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="E"
cx="378.566"
cy="62.604"
r="256.289"
gradientTransform="matrix(-.444 0 0 -.209 478.726 50.096)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="F"
cx="387.143"
cy="29.992"
r="256.289"
gradientTransform="matrix(-.444 0 0 -.178 486.349 9.723)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="G"
cx="330.223"
cy="376.853"
r="181.435"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="H"
cx="150.541"
cy="191.718"
r="34.873"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="I"
cx="391.513"
cy="1144.868"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -111.186 356.143)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d1a4a4" />
<stop offset=".512" stop-color="#e9d3d3" />
<stop offset=".573" stop-color="#ecd9d9" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<path
fill="url(#f)"
d="M335.659 89.6c19.629 0 35.541-15.912 35.541-35.541V25.6L384 38.4v15.659c0 19.629-15.912 35.541-35.541 35.541z"
/>
<path
fill="url(#g)"
d="m448.98 332.8-39.38 12.8v5.835c0 10.916 8.849 19.765 19.765 19.765h25.6c-2.97 0-4.837-23.23-5.985-38.4z"
/>
<path
fill="url(#h)"
d="m448 230.4-38.4 12.8v102.4h39.38c-3.072-40.595-.98-115.2-.98-115.2z"
/>
<path fill="url(#i)" d="m64 486.4-12.8-25.6 102.4-25.6-12.8 51.2z" />
<path fill="url(#j)" d="m51.2 460.8 15.059-64L153.6 384 128 460.8z" />
<path fill="url(#k)" d="M66.259 396.8 102.4 243.2h76.8l-36.141 153.6z" />
<path fill="url(#l)" d="M102.4 243.2 89.6 192h76.8l12.8 51.2z" />
<path fill="url(#m)" d="m89.6 192 25.6 38.4h25.6v-25.6L115.2 192z" />
<path fill="url(#n)" d="M89.6 230.4h76.8v38.4H89.6z" />
<path fill="url(#o)" d="M76.8 179.2h76.8V192H76.8z" />
<path fill="url(#p)" d="m128 179.2 25.6-25.6h76.8l-25.6 25.6z" />
<path fill="url(#q)" d="m153.6 153.6-16-38.4h76.8l16 38.4z" />
<path fill="url(#r)" d="m121.6 76.8 16 38.4h76.8l-16-38.4" />
<path fill="url(#s)" d="m105.6 38.4 16 38.4h76.8l-16-38.4z" />
<path fill="url(#t)" d="m89.6 0 16 38.4h76.8L166.4 0" />
<path
fill="url(#u)"
d="M345.6 217.6v89.6h32.914l18.286-64h38.4v108.235c0 10.916 8.849 19.765 19.765 19.765h5.835V217.6z"
/>
<path
fill="url(#v)"
d="M358.4 243.2H179.2l-36.141 153.6L268.8 409.6l125.741-12.8z"
/>
<path fill="url(#w)" d="m409.6 460.8-12.8 25.6h-256L128 460.8 268.8 448z" />
<path
fill="url(#x)"
d="M332.8 25.6v12.8H384v15.659c0 19.629-15.912 35.541-35.541 35.541H307.2v12.8h39.447c27.699 0 50.153-22.454 50.153-50.153V25.6z"
/>
<path fill="url(#y)" d="M371.2 192H166.4l12.8 51.2h179.2z" />
<path fill="url(#z)" d="M166.4 230.4h204.8v38.4H166.4z" />
<path fill="url(#A)" d="M153.6 179.2H384V192H153.6z" />
<path fill="url(#B)" d="M332.8 179.2h-128l25.6-25.6h76.8z" />
<path fill="url(#C)" d="M230.4 153.6h76.8l16-38.4H214.4z" />
<path fill="url(#D)" d="M214.4 115.2h108.8l16-38.4H198.4z" />
<path fill="url(#E)" d="m182.4 38.4 16 38.4h140.8l16-38.4z" />
<path fill="url(#F)" d="M371.2 0H166.4l16 38.4h172.8z" />
<path fill="url(#G)" d="M143.059 396.8 128 460.8h281.6l-15.059-64z" />
<path fill="url(#H)" d="M140.8 192v38.4L115.2 192z" />
<path
fill="url(#I)"
d="M256 512c113.107 0 204.798-11.461 204.798-25.6H51.202c0 14.138 91.691 25.6 204.798 25.6z"
/>
</svg>
More icons in the same style and category