Add icons to this collection by clicking the heart icon.
Coffee Shop icon - also known as bar, coffee shop, cafe, and signaling. Created in a clean lineal 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"
x1="-96.25"
x2="541.281"
y1="248"
y2="248"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient id="b" x2="541.281" y1="256" y2="256" href="#a" />
<linearGradient id="c" x2="541.281" y1="264" y2="264" href="#a" />
<path
fill="url(#a)"
d="M296 48a207.747 207.747 0 0 0-163.84 80H56V16a8 8 0 0 0-8-8H16a8 8 0 0 0-8 8v464a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-96h76.16A207.747 207.747 0 0 0 296 464c114.69 0 208-93.31 208-208S410.69 48 296 48zM40 472H24V24h16zm16-328h64.8q-4.995 7.77-9.28 16H56zm0 32h48.01a207.88 207.88 0 0 0 0 160H56zm0 192v-16h55.52q4.305 8.22 9.28 16zm240 80c-105.87 0-192-86.13-192-192S190.13 64 296 64s192 86.13 192 192-86.13 192-192 192z"
/>
<path
fill="url(#b)"
d="M296 88c-92.64 0-168 75.36-168 168s75.36 168 168 168 168-75.36 168-168S388.64 88 296 88zm0 320c-83.81 0-152-68.19-152-152s68.19-152 152-152 152 68.19 152 152-68.19 152-152 152z"
/>
<path
fill="url(#c)"
d="M360 208h-9.75l-6.49-25.94A8 8 0 0 0 336 176h-80a8 8 0 0 0-7.76 6.06L241.75 208H232a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h8.64l7.39 88.66A8 8 0 0 0 256 352h80a8 8 0 0 0 7.97-7.34l7.39-88.66H360a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-97.75-16h67.5l4 16h-75.5zm66.39 144h-65.28l-6.67-80h78.62zM352 240H240v-16h112z"
/>
<g fill="url(#b)">
<path
d="M424 248h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16zM199.7 248h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16z"
/>
</g>
</svg>
More icons in the same style and category