Add icons to this collection by clicking the heart icon.
Coffee Shop icon - also known as building, coffee shop, architectonic, city, urban, and architecture and city. Created in a clean lineal color style with a white, silver, gray, black, yellow, teal, and orange 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>
<path
d="M421.666 32.336H90.334V317h331.332z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#787780"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M421.666 32.336h-22V317h22z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#57555c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M198.017 73.768H90.333V40.632h107.684zM421.671 73.768H313.983V40.632h107.688z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#18a7fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M313.982 156.6H198.016V32.337h115.966z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#cae8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M313.983 32.336h-22v124.263h22z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#aadbf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M421.666 32.336h-22v41.432h22z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#1689fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-418.73a6 6 0 0 1-6-6v-27.132H6V-6a6 6 0 0 1-6 6"
transform="translate(465.364 40.633)"
fill="#fedb41"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22a6 6 0 0 0 6-6v-27.132H6V-6a6 6 0 0 1-6 6"
transform="translate(465.364 40.633)"
fill="#fcbf29"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.416a6 6 0 0 0-6 6v21.133a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6"
transform="translate(382.533 106.9)"
fill="#cae8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22a6 6 0 0 0 6-6v-21.134a6 6 0 0 0-6-6H0a6 6 0 0 1 6 6V-6a6 6 0 0 1-6 6"
transform="translate(382.533 140.034)"
fill="#aadbf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.416a6 6 0 0 0-6 6v21.133a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6"
transform="translate(158.883 106.9)"
fill="#cae8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22a6 6 0 0 0 6-6v-21.134a6 6 0 0 0-6-6H0a6 6 0 0 1 6 6V-6a6 6 0 0 1-6 6"
transform="translate(158.883 140.034)"
fill="#aadbf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.299-14.834-33.133-33.134-33.133-18.299 0-33.133 14.834-33.133 33.133v21.566H.001Z"
transform="translate(156.6 222.866)"
fill="#1689fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.299-14.834-33.133-33.134-33.133-18.299 0-33.133 14.834-33.133 33.133v21.566H.001Z"
transform="translate(222.868 222.866)"
fill="#aadbf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.299-14.834-33.133-33.134-33.133-18.299 0-33.133 14.834-33.133 33.133v21.566H.001Z"
transform="translate(289.135 222.866)"
fill="#1689fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.299-14.834-33.133-33.134-33.133-18.299 0-33.133 14.834-33.133 33.133v21.566H.001Z"
transform="translate(355.403 222.866)"
fill="#aadbf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.299-14.834-33.133-33.134-33.133-18.299 0-33.133 14.834-33.133 33.133v21.566H.001Z"
transform="translate(421.67 222.866)"
fill="#1689fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.001-21.566c0-14.441-9.242-26.717-22.131-31.255A33.078 33.078 0 0 1-11.129-54.7c18.299 0 33.133 14.834 33.133 33.134L22.005 0Z"
transform="translate(399.666 244.433)"
fill="#1574f0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M90.334 308.699h331.337v-69.266H90.334Z"
fill="#18a7fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M156.599 308.699h66.266v-69.266h-66.266zM289.129 308.699h66.267v-69.266h-66.267z"
fill="#cae8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M399.666 239.433h22v69.266h-22z"
fill="#1689fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v64.564a6 6 0 0 0 6.663 5.963l286.199-31.8a6 6 0 0 0 5.337-5.963V0Z"
transform="translate(106.9 333.832)"
fill="#18a7fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-286.199 31.8a5.98 5.98 0 0 1-5.058-1.883L-22 0a5.999 5.999 0 0 0 5.337-5.963v-32.764h22v32.764A5.999 5.999 0 0 1 0 0"
transform="translate(399.762 372.56)"
fill="#1689fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-21.132a6 6 0 0 1 6-6h352.462a6 6 0 0 1 6 6L364.463 0a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6"
transform="translate(73.768 332.832)"
fill="#fedb41"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22a6 6 0 0 0 6-6v-21.132a6 6 0 0 0-6-6H-.001a6 6 0 0 1 6 6L6-6a6 6 0 0 1-6 6"
transform="translate(432.231 338.832)"
fill="#fcbf29"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v99.399c0 36.599 29.669 66.267 66.267 66.267h49.699c36.598 0 66.267-29.668 66.267-66.267V0Z"
transform="translate(164.883 338.834)"
fill="#cae8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22c36.598 0 66.267-29.668 66.267-66.267v-99.399h22v99.399C66.267-29.668 36.598 0 0 0"
transform="translate(280.85 504.5)"
fill="#aadbf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-70.833a6 6 0 0 1-6-6v-43.699c0-9.15 7.417-16.567 16.567-16.567h49.7C-1.417-66.266 6-58.849 6-49.699V-6a6 6 0 0 1-6 6"
transform="translate(283.132 438.233)"
fill="#fedb41"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a6 6 0 0 1-6 6h-22a6 6 0 0 0 6-6v-43.699c0-9.15-7.417-16.567-16.567-16.567h22.001C-7.417-60.266 0-52.849 0-43.699z"
transform="translate(289.132 432.233)"
fill="#fcbf29"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-364.463v-33.132H-.002Z"
transform="translate(438.231 338.832)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M421.666 40.638H90.334v265.061h331.332z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M198.017 73.769H90.333V40.633h107.684zM421.671 73.769H313.983V40.633h107.688zM164.883 106.9h-41.416v33.133h41.416zM388.532 106.9h-41.416v33.133h41.416z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M313.982 156.6H198.016V40.635h115.966z"
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 0h132.532"
transform="translate(189.734 156.6)"
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 0v-115.962"
transform="translate(256 156.6)"
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-18.299-14.834-33.133-33.133-33.133-18.3 0-33.134 14.834-33.134 33.133v16.566H.001Z"
transform="translate(156.6 222.866)"
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-18.299-14.834-33.133-33.134-33.133-18.299 0-33.133 14.834-33.133 33.133v16.566H.001Z"
transform="translate(222.868 222.866)"
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-18.299-14.834-33.133-33.134-33.133-18.299 0-33.133 14.834-33.133 33.133v16.566H.001Z"
transform="translate(289.135 222.866)"
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-18.299-14.834-33.133-33.134-33.133-18.299 0-33.133 14.834-33.133 33.133v16.566H.001Z"
transform="translate(355.403 222.866)"
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-18.299-14.834-33.133-33.134-33.133-18.299 0-33.133 14.834-33.133 33.133v16.566H.001Z"
transform="translate(421.67 222.866)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M90.334 305.699H156.6v-66.266H90.334Z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M156.599 305.699h66.266v-66.266h-66.266z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M222.864 305.699h66.266v-66.266h-66.266Z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M289.129 305.699h66.266v-66.266h-66.266z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M355.394 305.699h66.266v-66.266h-66.266Z"
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 0v33.132h-430.73V0"
transform="translate(471.364 7.502)"
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 0h374.316"
transform="translate(113.616 7.5)"
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 0h59.547"
transform="translate(24.068 7.5)"
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 0v99.399c0 36.599 29.669 66.267 66.267 66.267h49.699c36.598 0 66.267-29.668 66.267-66.267V0Z"
transform="translate(164.883 338.834)"
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.983-6.442v-33.135"
transform="translate(347.116 378.409)"
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 0v66.268l57.983-6.443"
transform="translate(106.9 338.832)"
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 0c9.15 0 16.567 7.417 16.567 16.567S9.15 33.134 0 33.134h-16.567V0Z"
transform="translate(305.7 405.1)"
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-82.833v-49.699c0-9.15 7.417-16.567 16.567-16.567h49.7C-7.417-66.266 0-58.849 0-49.699z"
transform="translate(289.132 438.233)"
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