Add icons to this collection by clicking the heart icon.
Coffee Shop icon - also known as coffee, shop, coffee shop, cafe, and food and restaurant. Created in a clean outline color style with a black, olive, orange, and pink 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"
>
<circle cx="32" cy="32" r="24" fill="#fff8bc" />
<path
fill="#3f2102"
d="M42 52H22a3 3 0 0 1-3-3V28a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v21a3 3 0 0 1-3 3zM21 29v20a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V29z"
/>
<path fill="#bb7b0c" d="M23 25h-6l4.359-12h4.256z" />
<path
fill="#3f2102"
d="M23 26h-6a1 1 0 0 1-.94-1.342l4.359-12a1 1 0 0 1 .94-.658h4.256a1 1 0 0 1 .977 1.213l-2.615 12A1 1 0 0 1 23 26zm-4.573-2h3.767l2.18-10H22.06z"
/>
<path fill="#e0b14c" d="M29 25h-6l2.615-12h4.257z" />
<path
fill="#3f2102"
d="M29 26h-6a1 1 0 0 1-.977-1.213l2.615-12a1 1 0 0 1 .977-.787h4.257a1 1 0 0 1 1 1.072l-.871 12A1 1 0 0 1 29 26zm-4.759-2h3.829l.73-10h-2.379z"
/>
<path fill="#bb7b0c" d="M35 25h-6l.872-12h4.256z" />
<path
fill="#3f2102"
d="M35 26h-6a1 1 0 0 1-1-1.072l.872-12a1 1 0 0 1 1-.928h4.256a1 1 0 0 1 1 .928l.872 12A1 1 0 0 1 35 26zm-4.925-2h3.85L33.2 14h-2.4z"
/>
<path fill="#e0b14c" d="M41 25h-6l-.872-12h4.257z" />
<path
fill="#3f2102"
d="M41 26h-6a1 1 0 0 1-1-.928l-.871-12a1 1 0 0 1 1-1.072h4.257a1 1 0 0 1 .977.787l2.615 12A1 1 0 0 1 41 26zm-5.07-2h3.829l-2.18-10H35.2z"
/>
<path fill="#bb7b0c" d="M47 25h-6l-2.615-12h4.256z" />
<path
fill="#3f2102"
d="M47 26h-6a1 1 0 0 1-.977-.787l-2.615-12A1 1 0 0 1 38.385 12h4.256a1 1 0 0 1 .94.658l4.359 12A1 1 0 0 1 47 26zm-5.194-2h3.767L41.94 14h-2.314z"
/>
<path fill="#bb7b0c" d="M17 25h6v3a3 3 0 0 1-3 3 3 3 0 0 1-3-3v-3z" />
<path
fill="#3f2102"
d="M20 32a4 4 0 0 1-4-4v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a4 4 0 0 1-4 4zm-2-6v2a2 2 0 0 0 4 0v-2z"
/>
<path fill="#e0b14c" d="M23 25h6v3a3 3 0 0 1-3 3 3 3 0 0 1-3-3v-3z" />
<path
fill="#3f2102"
d="M26 32a4 4 0 0 1-4-4v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a4 4 0 0 1-4 4zm-2-6v2a2 2 0 0 0 4 0v-2z"
/>
<path fill="#bb7b0c" d="M29 25h6v3a3 3 0 0 1-3 3 3 3 0 0 1-3-3v-3z" />
<path
fill="#3f2102"
d="M32 32a4 4 0 0 1-4-4v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a4 4 0 0 1-4 4zm-2-6v2a2 2 0 0 0 4 0v-2z"
/>
<path fill="#e0b14c" d="M35 25h6v3a3 3 0 0 1-3 3 3 3 0 0 1-3-3v-3z" />
<path
fill="#3f2102"
d="M38 32a4 4 0 0 1-4-4v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a4 4 0 0 1-4 4zm-2-6v2a2 2 0 0 0 4 0v-2z"
/>
<path fill="#bb7b0c" d="M41 25h6v3a3 3 0 0 1-3 3 3 3 0 0 1-3-3v-3z" />
<path
fill="#3f2102"
d="M44 32a4 4 0 0 1-4-4v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a4 4 0 0 1-4 4zm-2-6v2a2 2 0 0 0 4 0v-2z"
/>
<path fill="#e0b14c" d="M28 35h8a4 4 0 0 1 4 4v12H24V39a4 4 0 0 1 4-4z" />
<path
fill="#3f2102"
d="M40 52H24a1 1 0 0 1-1-1V39a5.006 5.006 0 0 1 5-5h8a5.006 5.006 0 0 1 5 5v12a1 1 0 0 1-1 1zm-15-2h14V39a3 3 0 0 0-3-3h-8a3 3 0 0 0-3 3z"
/>
<ellipse
cx="32.5"
cy="43"
fill="#bb7b0c"
rx="3.5"
ry="5"
transform="rotate(-26.62 32.509 43.011)"
/>
<path
fill="#3f2102"
d="M33.581 48.734a4.608 4.608 0 0 1-2.185-.585 7.208 7.208 0 0 1-2.919-3.132c-1.507-3.008-.921-6.25 1.334-7.38a4.083 4.083 0 0 1 3.793.214 7.208 7.208 0 0 1 2.919 3.132c1.507 3.008.921 6.25-1.334 7.38a3.569 3.569 0 0 1-1.608.371zm-2.16-9.472a1.576 1.576 0 0 0-.713.162c-1.212.607-1.415 2.758-.443 4.7a5.273 5.273 0 0 0 2.082 2.27 2.172 2.172 0 0 0 1.945.186c1.212-.607 1.415-2.758.443-4.7a5.273 5.273 0 0 0-2.082-2.27 2.7 2.7 0 0 0-1.232-.348z"
/>
<path
fill="#bb7b0c"
d="M30.259 38.53S33.664 39.936 32.5 43s2.241 4.47 2.241 4.47"
/>
<path
fill="#3f2102"
d="M34.359 48.394c-1.488-.615-3.987-2.607-2.794-5.749.8-2.1-1.431-3.084-1.688-3.191l.764-1.848c1.488.615 3.987 2.607 2.794 5.749-.8 2.1 1.431 3.084 1.688 3.191z"
/>
</svg>
More icons in the same style and category