Add icons to this collection by clicking the heart icon.
Coffee Menu icon - also known as hot drink, menu, shop, coffee shop, restaurant, cafe, food and restaurant, and coffee menu. 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 520 520"
>
<linearGradient
id="a"
x1="62.726"
x2="559.258"
y1="578.301"
y2="88.073"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4158d0" />
<stop offset="1" stop-color="#c850c0" />
</linearGradient>
<linearGradient
id="b"
x1="17.712"
x2="514.245"
y1="532.708"
y2="42.481"
href="#a"
/>
<linearGradient
id="c"
x1="33.7"
x2="530.233"
y1="548.902"
y2="58.675"
href="#a"
/>
<linearGradient
id="d"
x1="-70.516"
x2="426.017"
y1="443.346"
y2="-46.882"
href="#a"
/>
<linearGradient
id="e"
x1="-103.064"
x2="393.468"
y1="410.379"
y2="-79.849"
href="#a"
/>
<linearGradient
id="f"
x1="-55.002"
x2="441.531"
y1="459.059"
y2="-31.169"
href="#a"
/>
<linearGradient
id="g"
x1="-87.55"
x2="408.982"
y1="426.092"
y2="-64.136"
href="#a"
/>
<linearGradient
id="h"
x1="-5.419"
x2="491.113"
y1="509.28"
y2="19.052"
href="#a"
/>
<linearGradient
id="i"
x1="-37.968"
x2="458.565"
y1="476.313"
y2="-13.915"
href="#a"
/>
<linearGradient
id="j"
x1="10.095"
x2="506.627"
y1="524.993"
y2="34.765"
href="#a"
/>
<linearGradient
id="k"
x1="-22.454"
x2="474.079"
y1="492.026"
y2="1.798"
href="#a"
/>
<linearGradient
id="l"
x1="-39.488"
x2="457.045"
y1="474.772"
y2="-15.455"
href="#a"
/>
<linearGradient
id="m"
x1="-72.037"
x2="424.496"
y1="441.805"
y2="-48.422"
href="#a"
/>
<linearGradient
id="n"
x1="-23.974"
x2="472.558"
y1="490.486"
y2=".258"
href="#a"
/>
<linearGradient
id="o"
x1="-56.523"
x2="440.01"
y1="457.519"
y2="-32.709"
href="#a"
/>
<linearGradient
id="p"
x1="-8.46"
x2="488.072"
y1="506.199"
y2="15.972"
href="#a"
/>
<linearGradient
id="q"
x1="-41.009"
x2="455.524"
y1="473.232"
y2="-16.995"
href="#a"
/>
<linearGradient
id="r"
x1="7.053"
x2="503.586"
y1="521.913"
y2="31.685"
href="#a"
/>
<linearGradient
id="s"
x1="-25.495"
x2="471.038"
y1="488.946"
y2="-1.282"
href="#a"
/>
<linearGradient
id="t"
x1="22.567"
x2="519.1"
y1="537.626"
y2="47.399"
href="#a"
/>
<linearGradient
id="u"
x1="-9.981"
x2="486.552"
y1="504.659"
y2="14.432"
href="#a"
/>
<linearGradient
id="v"
x1="-9.702"
x2="486.831"
y1="504.942"
y2="14.715"
href="#a"
/>
<linearGradient
id="w"
x1="-22.3"
x2="474.233"
y1="492.182"
y2="1.954"
href="#a"
/>
<linearGradient
id="x"
x1="-122.556"
x2="373.977"
y1="390.637"
y2="-99.591"
href="#a"
/>
<linearGradient
id="y"
x1="-91.921"
x2="404.611"
y1="421.665"
y2="-68.563"
href="#a"
/>
<linearGradient
id="z"
x1="-61.288"
x2="435.245"
y1="452.693"
y2="-37.535"
href="#a"
/>
<linearGradient
id="A"
x1="-32.911"
x2="463.621"
y1="481.434"
y2="-8.794"
href="#a"
/>
<path
fill="url(#a)"
d="M376.364 337.576h-7.1a36.949 36.949 0 0 0 7.1-21.721v-40.34a7.757 7.757 0 0 0-7.758-7.757h-69.818a7.758 7.758 0 0 0-7.758 7.757v2.646h-5.9a17.39 17.39 0 0 0-17.369 17.369v13.878a17.4 17.4 0 0 0 17.373 17.392h7.721a36.97 36.97 0 0 0 5.279 10.776h-7.1a7.758 7.758 0 0 0 0 15.515h85.334a7.758 7.758 0 0 0 0-15.515zm-91.237-26.291a1.916 1.916 0 0 1-1.854-1.877V295.53a1.877 1.877 0 0 1 1.861-1.854h5.9v17.609zm43.14 26.291a21.721 21.721 0 0 1-21.722-21.721v-32.582h54.381v32.582a21.721 21.721 0 0 1-21.721 21.721z"
/>
<path
fill="url(#b)"
d="M325.673 225.972a7.757 7.757 0 0 0-12.2-9.585l-3.824 4.825a15.382 15.382 0 0 0 2.242 20.868 5.95 5.95 0 0 1 .868 1.094l-3.374 4.243a7.758 7.758 0 1 0 12.156 9.643l3.816-4.818a15.382 15.382 0 0 0-2.233-20.867 6.631 6.631 0 0 1-.869-1.094l3.366-4.244.052-.065z"
/>
<path
fill="url(#c)"
d="M356.757 215.142a7.762 7.762 0 0 0-10.9 1.252l-3.817 4.818a15.384 15.384 0 0 0 2.227 20.868 6.7 6.7 0 0 1 .869 1.094l-3.367 4.243a7.761 7.761 0 0 0 12.156 9.651l3.825-4.826a15.385 15.385 0 0 0-2.242-20.86 5.922 5.922 0 0 1-.869-1.094l3.374-4.243a7.761 7.761 0 0 0-1.256-10.903z"
/>
<path
fill="url(#d)"
d="M244.485 151.394h-54.3a7.758 7.758 0 1 0 0 15.515h54.3a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#e)"
d="M159.152 151.394h-15.516a7.758 7.758 0 0 0 0 15.515h15.516a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#f)"
d="M244.485 182.424h-54.3a7.758 7.758 0 1 0 0 15.515h54.3a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#g)"
d="M159.152 182.424h-15.516a7.758 7.758 0 0 0 0 15.515h15.516a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#h)"
d="M376.364 151.394h-54.3a7.758 7.758 0 1 0 0 15.515h54.3a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#i)"
d="M275.515 166.909h15.515a7.758 7.758 0 1 0 0-15.515h-15.515a7.758 7.758 0 0 0 0 15.515z"
/>
<path
fill="url(#j)"
d="M376.364 182.424h-54.3a7.758 7.758 0 1 0 0 15.515h54.3a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#k)"
d="M275.515 197.939h15.515a7.758 7.758 0 1 0 0-15.515h-15.515a7.758 7.758 0 0 0 0 15.515z"
/>
<path
fill="url(#l)"
d="M244.485 213.455h-54.3a7.758 7.758 0 1 0 0 15.515h54.3a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#m)"
d="M159.152 213.455h-15.516a7.758 7.758 0 0 0 0 15.515h15.516a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#n)"
d="M244.485 244.485h-54.3a7.758 7.758 0 1 0 0 15.515h54.3a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#o)"
d="M159.152 244.485h-15.516a7.758 7.758 0 0 0 0 15.515h15.516a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#p)"
d="M244.485 275.515h-54.3a7.758 7.758 0 1 0 0 15.515h54.3a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#q)"
d="M159.152 275.515h-15.516a7.758 7.758 0 0 0 0 15.515h15.516a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#r)"
d="M244.485 306.545h-54.3a7.758 7.758 0 0 0 0 15.516h54.3a7.758 7.758 0 0 0 0-15.516z"
/>
<path
fill="url(#s)"
d="M159.152 306.545h-15.516a7.758 7.758 0 0 0 0 15.516h15.516a7.758 7.758 0 0 0 0-15.516z"
/>
<path
fill="url(#t)"
d="M244.485 337.576h-54.3a7.758 7.758 0 1 0 0 15.515h54.3a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#u)"
d="M159.152 337.576h-15.516a7.758 7.758 0 0 0 0 15.515h15.516a7.758 7.758 0 0 0 0-15.515z"
/>
<path
fill="url(#v)"
d="M446.182 30.973h-.171a18.975 18.975 0 0 1-18.672-19.215A7.758 7.758 0 0 0 419.581 4H100.419a7.758 7.758 0 0 0-7.758 7.758v.048a19.006 19.006 0 0 1-18.843 19.167 7.757 7.757 0 0 0-7.757 7.758v349.448a7.9 7.9 0 0 0 7.928 7.757 18.975 18.975 0 0 1 18.672 19.216 7.757 7.757 0 0 0 7.758 7.757h115.917l-78.238 79.9a7.757 7.757 0 1 0 11.077 10.861l88.873-90.764h14.194v85.038a7.758 7.758 0 1 0 15.516 0v-85.035h14.194l88.873 90.764a7.757 7.757 0 1 0 11.075-10.861l-78.238-79.9h115.919a7.757 7.757 0 0 0 7.758-7.757v-.055a19.007 19.007 0 0 1 18.844-19.167 7.757 7.757 0 0 0 7.757-7.757V38.731a7.757 7.757 0 0 0-7.758-7.758zm-7.758 350.309a34.588 34.588 0 0 0-25.739 26.112h-305.37a34.58 34.58 0 0 0-25.739-26.089V45.627a34.589 34.589 0 0 0 25.739-26.112h305.37a34.591 34.591 0 0 0 25.739 26.112z"
/>
<path
fill="url(#w)"
d="M419.356 54.23a50.538 50.538 0 0 1-15.29-15.554 7.759 7.759 0 0 0-6.578-3.646H122.513a7.757 7.757 0 0 0-6.579 3.685 50.522 50.522 0 0 1-15.29 15.515 7.758 7.758 0 0 0-3.553 6.517v305.415a7.758 7.758 0 0 0 3.553 6.517 50.535 50.535 0 0 1 15.29 15.553 7.758 7.758 0 0 0 6.579 3.647h274.975a7.757 7.757 0 0 0 6.578-3.647 50.535 50.535 0 0 1 15.29-15.553 7.758 7.758 0 0 0 3.553-6.517V60.747a7.758 7.758 0 0 0-3.553-6.517zm-11.962 307.883a66.2 66.2 0 0 0-14.033 14.251H126.64a66.224 66.224 0 0 0-14.034-14.251V64.8a66.269 66.269 0 0 0 14.034-14.255h266.721A66.242 66.242 0 0 0 407.394 64.8z"
/>
<path
fill="url(#x)"
d="M190.182 128.121V81.576a7.758 7.758 0 0 0-14.212-4.282l-9.061 13.591-9.061-13.615a7.758 7.758 0 0 0-14.212 4.306v46.545a7.758 7.758 0 1 0 15.516 0v-20.945l1.3 1.955a8.061 8.061 0 0 0 12.909 0l1.3-1.955v20.945a7.758 7.758 0 1 0 15.515 0z"
/>
<path
fill="url(#y)"
d="M244.485 89.333a7.758 7.758 0 0 0 0-15.515h-31.03a7.758 7.758 0 0 0-7.758 7.758v46.545a7.758 7.758 0 0 0 7.758 7.758h31.03a7.758 7.758 0 0 0 0-15.515h-23.273v-7.758h15.515a7.758 7.758 0 1 0 0-15.515h-15.515v-7.758z"
/>
<path
fill="url(#z)"
d="M275.515 135.879a7.758 7.758 0 0 0 7.758-7.758v-20.945l16.827 25.181a7.758 7.758 0 0 0 14.2-4.306V81.576a7.758 7.758 0 1 0-15.515 0v20.945L281.962 77.34a7.758 7.758 0 0 0-14.2 4.3v46.476a7.758 7.758 0 0 0 7.753 7.763z"
/>
<path
fill="url(#A)"
d="M353.091 135.879a23.273 23.273 0 0 0 23.273-23.273v-31.03a7.758 7.758 0 0 0-15.516 0v31.03a7.758 7.758 0 1 1-15.515 0v-31.03a7.758 7.758 0 1 0-15.515 0v31.03a23.273 23.273 0 0 0 23.273 23.273z"
/>
</svg>
More icons in the same style and category