Add icons to this collection by clicking the heart icon.
Coffee Shop icon - also known as food, cup, coffee, take away, coffee shop, coffee cup, coffee breaks, Paper cup, cafe, soccer cup, and commerce and shopping. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="31.998"
x2="31.998"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="41.98"
x2="41.98"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="18.809"
x2="18.809"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="17.47"
x2="17.47"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="32"
x2="32"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="44"
x2="44"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="20"
x2="20"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="50.117"
x2="50.117"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="13.883"
x2="13.883"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="48.049"
x2="48.049"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="25.932"
x2="25.932"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="21.014"
x2="21.014"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="43"
x2="43"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="21"
x2="21"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="49.117"
x2="49.117"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="14.883"
x2="14.883"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="42.986"
x2="42.986"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="16.538"
x2="16.538"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="46.127"
x2="46.127"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M30.109 43.548c3.05 0 5.813-2.259 7.198-4.497 1.379-2.229 1.901-5.354-.047-7.317-.84-.833-1.978-1.272-3.292-1.272-.996 0-2.101.262-3.108.736-2.493 1.176-5.126 3.88-5.386 7.273-.207 2.698 1.515 4.823 4.092 5.053.182.015.363.024.543.024zm-2.64-4.925c.169-2.209 1.915-4.519 4.244-5.617.747-.352 1.548-.545 2.256-.545.786 0 1.42.232 1.878.687 1.343 1.354.48 3.686-.24 4.851-1.113 1.802-3.453 3.747-5.862 3.533-1.715-.153-2.379-1.571-2.276-2.909z"
/>
<path
fill="url(#c)"
d="M41.27 17.29c-.18.189-.29.439-.29.71 0 .27.11.52.29.71.19.18.45.29.71.29.261 0 .521-.11.71-.29.19-.19.29-.45.29-.71s-.1-.521-.29-.71c-.38-.37-1.06-.36-1.42 0z"
/>
<path
fill="url(#d)"
d="m16.894 36.104 1.84 17.703a1 1 0 0 0 1.99-.208l-1.84-17.703a1.007 1.007 0 0 0-1.099-.892c-.549.059-.948.55-.891 1.1z"
/>
<path
fill="url(#e)"
d="M17.47 33c.271 0 .521-.11.71-.29.19-.19.29-.45.29-.71s-.1-.521-.29-.71c-.37-.37-1.05-.37-1.41 0-.189.189-.3.45-.3.71s.11.52.3.71c.18.18.44.29.7.29z"
/>
<path fill="url(#f)" d="M22 9h20a1 1 0 1 0 0-2H22a1 1 0 1 0 0 2z" />
<path fill="url(#g)" d="M43 12a1 1 0 1 0 2 0v-2a1 1 0 1 0-2 0z" />
<path
fill="url(#h)"
d="M20 13a1 1 0 0 0 1-1v-2a1 1 0 1 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#i)"
d="M50.117 19a1 1 0 0 0 1-1v-4a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1z"
/>
<path
fill="url(#j)"
d="M13.883 19a1 1 0 0 0 1-1v-4a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1z"
/>
<path
fill="url(#f)"
d="M41.7 55H22.3a1 1 0 1 0 0 2h19.4a1 1 0 1 0 0-2zM27.036 42.057a.999.999 0 0 0 .847-.467c1.046-1.66 2.781-2.662 4.617-3.724 1.967-1.137 4-2.313 5.309-4.39a1 1 0 1 0-1.692-1.066c-1.046 1.66-2.781 2.662-4.617 3.724-1.967 1.137-4 2.313-5.309 4.39a1 1 0 0 0 .845 1.533z"
/>
<path
fill="url(#k)"
d="M45.981 19h4.136a1 1 0 1 0 0-2h-4.136a1 1 0 1 0 0 2z"
/>
<path
fill="url(#l)"
d="M13.883 19h24.099a1 1 0 1 0 0-2H13.883a1 1 0 1 0 0 2z"
/>
<path
fill="url(#f)"
d="M47.15 25h-30.3a1 1 0 1 0 0 2h30.3a1 1 0 1 0 0-2zM44.864 47H19.136a1 1 0 1 0 0 2h25.729a1 1 0 1 0-.001-2z"
/>
<path
fill="url(#m)"
d="M22.3 55a1.588 1.588 0 0 1-1.578-1.409.989.989 0 0 0-1.105-.881 1 1 0 0 0-.881 1.105A3.584 3.584 0 0 0 22.3 57a1 1 0 1 0 0-2z"
/>
<path
fill="url(#n)"
d="M42 9a1 1 0 0 1 1 1 1 1 0 1 0 2 0c0-1.654-1.346-3-3-3a1 1 0 1 0 0 2z"
/>
<path
fill="url(#o)"
d="M20 11a1 1 0 0 0 1-1 1 1 0 0 1 1-1 1 1 0 1 0 0-2c-1.654 0-3 1.346-3 3a1 1 0 0 0 1 1z"
/>
<path
fill="url(#p)"
d="M48.117 13a1 1 0 0 1 1 1 1 1 0 1 0 2 0c0-1.654-1.346-3-3-3a1 1 0 1 0 0 2z"
/>
<path
fill="url(#q)"
d="M13.883 15a1 1 0 0 0 1-1 1 1 0 0 1 1-1 1 1 0 1 0 0-2c-1.654 0-3 1.346-3 3a1 1 0 0 0 1 1z"
/>
<path
fill="url(#r)"
d="M44.384 52.71a.988.988 0 0 0-1.105.881A1.589 1.589 0 0 1 41.7 55a1 1 0 1 0 0 2 3.585 3.585 0 0 0 3.564-3.185.997.997 0 0 0-.88-1.105z"
/>
<path
fill="url(#s)"
d="M15.915 17.005a1.003 1.003 0 0 0-.892 1.099l1.039 10a1.002 1.002 0 0 0 1.099.891c.549-.058.948-.549.892-1.099l-1.039-10a1.006 1.006 0 0 0-1.099-.891z"
/>
<path
fill="url(#t)"
d="M48.085 17.005a1.009 1.009 0 0 0-1.099.892L43.276 53.6a1.002 1.002 0 0 0 .996 1.104c.506 0 .94-.383.994-.896l3.71-35.703a1.002 1.002 0 0 0-.891-1.1z"
/>
<path
fill="url(#f)"
d="M15.883 13h32.234a1 1 0 1 0 0-2H15.883a1 1 0 1 0 0 2z"
/>
</svg>
More icons in the same style and category