SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Mocha
Coffee Shop Elements 2
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.45 KB
3.64 KB
-18%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/211879/mocha --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#EBE5DD;" d="M336.749,93.626c-11.097-26.398-37.195-44.938-67.627-44.938c-30.432,0-56.53,18.54-67.627,44.938 c-36.794,3.931-65.453,35.066-65.453,72.904h266.162C402.203,128.692,373.543,97.556,336.749,93.626z"/> <path style="fill:#D9CCBC;" d="M402.202,166.525H269.123V48.692c30.427,0,56.529,18.536,67.626,44.931 C373.54,97.552,402.202,128.69,402.202,166.525z"/> <path style="fill:#EBE5DD;" d="M131.062,190.171v101.724c0,71.981,55.089,131.086,125.404,137.477 c4.169,0.379,8.388,0.583,12.656,0.583l0,0c76.248,0,138.06-61.812,138.06-138.06V190.171H131.062z"/> <path style="fill:#D9CCBC;" d="M407.186,190.171v101.721c0,38.128-15.454,72.641-40.438,97.625 c-24.984,24.984-59.496,40.438-97.625,40.438V190.171H407.186z"/> <path style="fill:#C0AB91;" d="M407.186,261.224v30.668c0,38.128-15.454,72.641-40.438,97.625 c-24.984,24.984-59.496,40.438-97.625,40.438c-4.274,0-8.485-0.199-12.654-0.585c-70.322-6.384-125.409-65.494-125.409-137.477 v-30.689c32.998-0.69,33.583-20.877,67.73-20.877c34.743,0,34.743,20.898,69.486,20.898s34.743-20.898,69.486-20.898 C372.485,240.327,372.506,261.204,407.186,261.224z"/> <path style="fill:#957856;" d="M407.186,261.224v30.668c0,38.128-15.454,72.641-40.438,97.625 c-24.984,24.984-59.496,40.438-97.625,40.438V261.214c33.896-0.334,34.179-20.888,68.639-20.888 C372.485,240.327,372.506,261.204,407.186,261.224z"/> <path style="fill:#A5001E;" d="M386.476,364.669c-5.622,9.028-12.246,17.366-19.728,24.848 c-24.984,24.984-59.496,40.438-97.625,40.438c-4.274,0-8.485-0.199-12.654-0.585c-44.231-4.012-82.432-28.891-104.678-64.7H386.476z "/> <path style="fill:#830018;" d="M386.476,364.669c-5.622,9.028-12.246,17.366-19.728,24.848 c-24.984,24.984-59.486,40.438-97.614,40.438v-65.285H386.476z"/> <polygon style="fill:#B3D8F4;" points="98.848,459.293 136.814,504.163 401.429,504.163 439.397,459.293 "/> <polygon style="fill:#5AAAE7;" points="439.397,459.293 269.122,459.293 269.122,504.163 401.429,504.163 "/> <path style="fill:#FFFFFF;" d="M407.248,269.061c-19.546,0-29.765-6.147-38.78-11.57c-8.321-5.005-15.506-9.328-30.702-9.328 c-15.196,0-22.382,4.323-30.703,9.328c-9.015,5.423-19.236,11.57-38.781,11.57c-19.547,0-29.767-6.147-38.783-11.57 c-8.322-5.005-15.508-9.328-30.704-9.328c-15.197,0-22.383,4.323-30.704,9.328c-9.016,5.423-19.237,11.57-38.783,11.57v-15.673 c15.196,0,22.383-4.323,30.704-9.328c9.016-5.423,19.237-11.57,38.783-11.57s29.767,6.147,38.783,11.57 c8.322,5.005,15.508,9.328,30.704,9.328c15.196,0,22.382-4.323,30.703-9.328c9.015-5.423,19.236-11.57,38.781-11.57 c19.546,0,29.765,6.147,38.78,11.57c8.321,5.005,15.506,9.328,30.702,9.328V269.061z"/> <path d="M105.75,284.059c-23.593,0-42.785-19.194-42.785-42.785v-24.16c0-23.592,19.194-42.785,42.785-42.785h323.441v-15.673 h-19.536c-3.501-36.529-31.107-66.272-67.562-72.213c-13.562-27.843-41.726-45.59-72.971-45.59c-17.571,0-34.294,5.524-48.36,15.976 l9.348,12.581c11.343-8.428,24.834-12.884,39.012-12.884c26.444,0,50.154,15.755,60.402,40.138l1.792,4.264l4.6,0.491 c30.676,3.277,54.39,27.265,57.966,57.236H144.363c3.269-27.403,23.379-49.789,50.249-55.93v41.472h15.673V49.968 c10.293-3.319,17.763-12.985,17.763-24.368c0-14.116-11.484-25.6-25.6-25.6c-14.116,0-25.6,11.484-25.6,25.6 c0,11.383,7.47,21.049,17.763,24.368v36.761c-35.687,6.52-62.577,35.914-66.028,71.925H105.75 c-32.235,0-58.459,26.225-58.459,58.459v24.16c0,32.234,26.225,58.459,58.459,58.459V284.059z M202.448,15.673 c5.473,0,9.927,4.453,9.927,9.927s-4.453,9.927-9.927,9.927c-5.473,0-9.927-4.453-9.927-9.927S196.975,15.673,202.448,15.673z"/> <path d="M138.899,291.895v-93.887h290.292v-15.673H108.408v15.673h14.818v93.887c0,80.448,65.449,145.897,145.897,145.897 s145.897-65.449,145.897-145.897v-78.736h-15.673v78.736c0,23.631-6.329,45.811-17.378,64.937H156.276 C145.228,337.707,138.899,315.527,138.899,291.895z M371.325,372.506c-23.87,30.199-60.811,49.613-102.203,49.613 c-41.393,0-78.334-19.414-102.202-49.613H371.325z"/> <path d="M464.707,451.458H73.536v15.673h21.676L133.18,512h271.885l37.967-44.869h21.676v-15.673H464.707z M397.795,496.327H140.449 l-24.705-29.195H422.5L397.795,496.327z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.45 KB
3.64 KB
-18%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/211879/mocha --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#EBE5DD;" d="M336.749,93.626c-11.097-26.398-37.195-44.938-67.627-44.938c-30.432,0-56.53,18.54-67.627,44.938 c-36.794,3.931-65.453,35.066-65.453,72.904h266.162C402.203,128.692,373.543,97.556,336.749,93.626z"/> <path style="fill:#D9CCBC;" d="M402.202,166.525H269.123V48.692c30.427,0,56.529,18.536,67.626,44.931 C373.54,97.552,402.202,128.69,402.202,166.525z"/> <path style="fill:#EBE5DD;" d="M131.062,190.171v101.724c0,71.981,55.089,131.086,125.404,137.477 c4.169,0.379,8.388,0.583,12.656,0.583l0,0c76.248,0,138.06-61.812,138.06-138.06V190.171H131.062z"/> <path style="fill:#D9CCBC;" d="M407.186,190.171v101.721c0,38.128-15.454,72.641-40.438,97.625 c-24.984,24.984-59.496,40.438-97.625,40.438V190.171H407.186z"/> <path style="fill:#C0AB91;" d="M407.186,261.224v30.668c0,38.128-15.454,72.641-40.438,97.625 c-24.984,24.984-59.496,40.438-97.625,40.438c-4.274,0-8.485-0.199-12.654-0.585c-70.322-6.384-125.409-65.494-125.409-137.477 v-30.689c32.998-0.69,33.583-20.877,67.73-20.877c34.743,0,34.743,20.898,69.486,20.898s34.743-20.898,69.486-20.898 C372.485,240.327,372.506,261.204,407.186,261.224z"/> <path style="fill:#957856;" d="M407.186,261.224v30.668c0,38.128-15.454,72.641-40.438,97.625 c-24.984,24.984-59.496,40.438-97.625,40.438V261.214c33.896-0.334,34.179-20.888,68.639-20.888 C372.485,240.327,372.506,261.204,407.186,261.224z"/> <path style="fill:#A5001E;" d="M386.476,364.669c-5.622,9.028-12.246,17.366-19.728,24.848 c-24.984,24.984-59.496,40.438-97.625,40.438c-4.274,0-8.485-0.199-12.654-0.585c-44.231-4.012-82.432-28.891-104.678-64.7H386.476z "/> <path style="fill:#830018;" d="M386.476,364.669c-5.622,9.028-12.246,17.366-19.728,24.848 c-24.984,24.984-59.486,40.438-97.614,40.438v-65.285H386.476z"/> <polygon style="fill:#B3D8F4;" points="98.848,459.293 136.814,504.163 401.429,504.163 439.397,459.293 "/> <polygon style="fill:#5AAAE7;" points="439.397,459.293 269.122,459.293 269.122,504.163 401.429,504.163 "/> <path style="fill:#FFFFFF;" d="M407.248,269.061c-19.546,0-29.765-6.147-38.78-11.57c-8.321-5.005-15.506-9.328-30.702-9.328 c-15.196,0-22.382,4.323-30.703,9.328c-9.015,5.423-19.236,11.57-38.781,11.57c-19.547,0-29.767-6.147-38.783-11.57 c-8.322-5.005-15.508-9.328-30.704-9.328c-15.197,0-22.383,4.323-30.704,9.328c-9.016,5.423-19.237,11.57-38.783,11.57v-15.673 c15.196,0,22.383-4.323,30.704-9.328c9.016-5.423,19.237-11.57,38.783-11.57s29.767,6.147,38.783,11.57 c8.322,5.005,15.508,9.328,30.704,9.328c15.196,0,22.382-4.323,30.703-9.328c9.015-5.423,19.236-11.57,38.781-11.57 c19.546,0,29.765,6.147,38.78,11.57c8.321,5.005,15.506,9.328,30.702,9.328V269.061z"/> <path d="M105.75,284.059c-23.593,0-42.785-19.194-42.785-42.785v-24.16c0-23.592,19.194-42.785,42.785-42.785h323.441v-15.673 h-19.536c-3.501-36.529-31.107-66.272-67.562-72.213c-13.562-27.843-41.726-45.59-72.971-45.59c-17.571,0-34.294,5.524-48.36,15.976 l9.348,12.581c11.343-8.428,24.834-12.884,39.012-12.884c26.444,0,50.154,15.755,60.402,40.138l1.792,4.264l4.6,0.491 c30.676,3.277,54.39,27.265,57.966,57.236H144.363c3.269-27.403,23.379-49.789,50.249-55.93v41.472h15.673V49.968 c10.293-3.319,17.763-12.985,17.763-24.368c0-14.116-11.484-25.6-25.6-25.6c-14.116,0-25.6,11.484-25.6,25.6 c0,11.383,7.47,21.049,17.763,24.368v36.761c-35.687,6.52-62.577,35.914-66.028,71.925H105.75 c-32.235,0-58.459,26.225-58.459,58.459v24.16c0,32.234,26.225,58.459,58.459,58.459V284.059z M202.448,15.673 c5.473,0,9.927,4.453,9.927,9.927s-4.453,9.927-9.927,9.927c-5.473,0-9.927-4.453-9.927-9.927S196.975,15.673,202.448,15.673z"/> <path d="M138.899,291.895v-93.887h290.292v-15.673H108.408v15.673h14.818v93.887c0,80.448,65.449,145.897,145.897,145.897 s145.897-65.449,145.897-145.897v-78.736h-15.673v78.736c0,23.631-6.329,45.811-17.378,64.937H156.276 C145.228,337.707,138.899,315.527,138.899,291.895z M371.325,372.506c-23.87,30.199-60.811,49.613-102.203,49.613 c-41.393,0-78.334-19.414-102.202-49.613H371.325z"/> <path d="M464.707,451.458H73.536v15.673h21.676L133.18,512h271.885l37.967-44.869h21.676v-15.673H464.707z M397.795,496.327H140.449 l-24.705-29.195H422.5L397.795,496.327z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download