Add icons to this collection by clicking the heart icon.
Coffee Shop icon - also known as drink, coffee, hot drink, coffee shop, sign, cafe, signboard, and food and restaurant. Created in a clean lineal color style with a white, silver, gray, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0 13.48-10.928 24.408-24.408 24.408-13.481 0-24.409-10.928-24.409-24.408s10.928-24.409 24.409-24.409C-10.928-24.409 0-13.48 0 0"
transform="translate(280.408 476.37)"
fill="#525e77"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v165.846c0 28.121 22.796 50.917 50.917 50.917h13.36A25.01 25.01 0 0 1 87.944 233.7c22.797 66.777 86.158 114.926 160.556 114.926 74.397 0 137.759-48.149 160.555-114.926a25.01 25.01 0 0 1 23.668-16.937h13.36c28.12 0 50.917-22.796 50.917-50.917V0c0-28.121-22.797-50.917-50.917-50.917H50.917C22.796-50.917 0-28.121 0 0"
transform="translate(7.5 62.14)"
fill="#ebab84"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-62.826 281.605c-14.475 3.217-20.172 30.805-12.214 45.92-28.212-20.404-49.927-49.262-61.387-82.833a25.01 25.01 0 0 0-23.668-16.937h-13.359c-28.121 0-50.918-22.796-50.918-50.917V10.992c0-28.12 22.797-50.917 50.918-50.917H5.54C-6.519-31.851-6.682-9.671 0 0"
transform="translate(231.872 51.148)"
fill="#e08b57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-17.562 0-32.556 12.293-36.458 29.416-13.366 58.666-65.855 102.447-128.569 102.447-62.715 0-115.203-43.781-128.57-102.447C-297.499 12.293-312.492 0-330.054 0h-29.862c-8.771 0-15.881-7.11-15.881-15.882v-160.455c0-8.771 7.11-15.882 15.881-15.882H29.861c8.771 0 15.881 7.111 15.881 15.882v160.455C45.742-7.11 38.632 0 29.861 0Z"
transform="translate(421.027 241.172)"
fill="#ffeccf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-17.562 0-32.556 12.293-36.458 29.416-13.366 58.666-65.855 102.447-128.569 102.447-62.715 0-115.203-43.781-128.57-102.447C-297.499 12.293-312.492 0-330.054 0h-29.862c-8.771 0-15.881-7.11-15.881-15.882v-160.455c0-8.771 7.11-15.882 15.881-15.882H29.861c8.771 0 15.881 7.111 15.881 15.882v160.455C45.742-7.11 38.632 0 29.861 0Z"
transform="translate(421.027 241.172)"
fill="#ffeccf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a131.174 131.174 0 0 1-19.525-44.739c-3.901-17.123-18.895-29.416-36.457-29.416h-29.862c-8.77 0-15.881-7.111-15.881-15.882v-160.455c0-8.771 7.111-15.882 15.881-15.882H72.189C.041-198.132-11.142-64.204 0 0"
transform="translate(146.955 315.327)"
fill="#ffd5a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.558-26.289-4.759-43.777-15.077-64.327a31.207 31.207 0 0 0-27.884-17.207h-48.558a31.206 31.206 0 0 0-27.883 17.207C-129.72-43.777-133.921-26.289-134.479 0c-.075 3.498 2.735 6.38 6.235 6.38H-6.235C-2.735 6.38.074 3.498 0 0"
transform="translate(300.87 190.122)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c1.677 8.759 2.555 18.177 2.787 29.135.074 3.498-2.735 6.38-6.235 6.38h-122.009c-3.5 0-6.31-2.882-6.235-6.38.233-10.958 1.11-20.376 2.787-29.135z"
transform="translate(298.082 160.987)"
fill="#76e8d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.991c-5.414 0-10.213 3.728-11.302 9.031C-30.483 29.459-48.6 44.87-70.249 44.87c-21.648 0-39.766-15.411-43.957-35.839C-115.294 3.728-120.093 0-125.507 0h-14.991c-5.829 0-10.361 5.133-9.576 10.908 5.34 39.281 39.102 69.653 79.825 69.653 40.723 0 74.485-30.372 79.825-69.653C10.361 5.133 5.828 0 0 0"
transform="translate(326.249 241.172)"
fill="#8ed570"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.241 22.688-42.306 33.299-68.408 24.877v-56.032c0-8.771 7.111-15.882 15.882-15.882h131.88C71.004-17.291 41.216.841 11.349-4.815 6.925-5.653 2.394-3.813 0 0"
transform="translate(113.638 95.99)"
fill="#8ed570"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c14.241 22.688 42.307 33.299 68.408 24.877v-56.032c0-8.771-7.11-15.882-15.881-15.882H-79.354C-71.004-17.291-41.216.841-11.349-4.815-6.925-5.653-2.394-3.813 0 0"
transform="translate(398.361 95.99)"
fill="#8ed570"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a169.363 169.363 0 0 0 25.941-48.383A25.012 25.012 0 0 1 49.609-65.32H62.97c28.12 0 50.917-22.796 50.917-50.917v-165.846C113.887-310.204 91.09-333 62.97-333h-335.096"
transform="translate(390.613 344.223)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-23.734c-28.121 0-50.917 22.796-50.917 50.917v165.846c0 28.121 22.796 50.917 50.917 50.917h13.359a25.01 25.01 0 0 1 23.668 16.937c22.796 66.777 86.158 114.926 160.556 114.926 41.833 0 80.176-15.224 109.781-40.422"
transform="translate(82.151 11.223)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-.558-26.289-4.759-43.777-15.077-64.327a31.207 31.207 0 0 0-27.884-17.207h-48.558a31.206 31.206 0 0 0-27.883 17.207C-129.72-43.777-133.921-26.289-134.479 0c-.075 3.498 2.735 6.38 6.235 6.38H-6.235C-2.735 6.38.074 3.498 0 0Z"
transform="translate(300.87 190.122)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-14.991c-5.414 0-10.213 3.728-11.302 9.031C-30.483 29.459-48.6 44.87-70.249 44.87c-21.648 0-39.766-15.411-43.957-35.839C-115.294 3.728-120.093 0-125.507 0h-14.991c-5.829 0-10.361 5.133-9.576 10.908 5.34 39.281 39.102 69.653 79.825 69.653 40.723 0 74.485-30.372 79.825-69.653C10.361 5.133 5.828 0 0 0Z"
transform="translate(326.249 241.172)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 13.48-10.928 24.408-24.408 24.408-13.481 0-24.409-10.928-24.409-24.408s10.928-24.409 24.409-24.409C-10.928-24.409 0-13.48 0 0Z"
transform="translate(280.408 476.37)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-17.562 0-32.556 12.293-36.458 29.416-13.366 58.666-65.855 102.447-128.569 102.447-62.715 0-115.203-43.781-128.57-102.447C-297.499 12.293-312.492 0-330.054 0h-29.862c-8.771 0-15.881-7.11-15.881-15.882v-160.455c0-8.771 7.11-15.882 15.881-15.882H29.861c8.771 0 15.881 7.111 15.881 15.882v160.455C45.742-7.11 38.632 0 29.861 0Z"
transform="translate(421.027 241.172)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h26.126c15.28 0 27.666 12.387 27.666 27.666 0 15.28-12.386 27.666-27.666 27.666a27.545 27.545 0 0 1-17.112-5.926"
transform="translate(291.82 139.241)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h128.905"
transform="translate(169.177 160.987)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c8.35 29.746 38.138 47.878 68.005 42.222 4.424-.838 8.955 1.002 11.349 4.815 14.241 22.689 42.306 33.299 68.408 24.877"
transform="translate(319.008 48.953)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-8.35 29.746-38.138 47.878-68.005 42.222-4.424-.838-8.955 1.002-11.349 4.815-14.241 22.689-42.306 33.299-68.408 24.877"
transform="translate(192.992 48.953)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h23.166"
transform="translate(98.418 160.625)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-23.165"
transform="translate(413.582 160.625)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-57.724-67.896"
transform="translate(237.45 460.515)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-57.725 67.896"
transform="translate(332.275 392.618)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category