SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Mocha
Coffee Shop 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
2.28 KB
1.68 KB
-26%
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/31497/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:#F9EBDB;" d="M492.627,424.628l-6.509,22.783c-2.513,8.779-12.033,15.963-21.166,15.963H66.422 c-9.133,0-18.653-7.185-21.166-15.963l-6.509-22.783H492.627z"/> <path style="fill:#C8FEFF;" d="M442.811,129.771v88.562c0,97.828-79.307,177.124-177.124,177.124 c-50.658,0-96.333-21.266-128.614-55.351h-48.51c-23.657,0-45.897-9.21-62.625-25.938C9.21,297.442,0,275.201,0,251.544 s9.21-45.897,25.938-62.625s38.967-25.938,62.625-25.938v-33.211h33.211l143.914,44.281L409.6,129.771 C409.6,129.771,442.811,129.771,442.811,129.771z M88.562,306.896h23.701c-15.078-26.048-23.701-56.303-23.701-88.562v-22.141 c-14.79,0-28.683,5.757-39.144,16.207c-10.45,10.461-16.207,24.355-16.207,39.144s5.757,28.683,16.218,39.145 C59.879,301.139,73.772,306.896,88.562,306.896z"/> <path style="fill:#F9EBDB;" d="M409.6,129.771l-143.925,22.141l-143.902-22.141c0-30.023,24.344-54.366,54.366-54.366 c14.203,0,27.122,5.447,36.809,14.358c5.912-23.624,27.277-41.137,52.739-41.137s46.827,17.513,52.739,41.137 c9.686-8.912,22.605-14.358,36.809-14.358C385.257,75.405,409.6,99.749,409.6,129.771z"/> <g> <path style="fill:#E8D6BD;" d="M503.697,432.931H27.676c-4.585,0-8.303-3.716-8.303-8.303s3.717-8.303,8.303-8.303h476.022 c4.585,0,8.303,3.716,8.303,8.303S508.283,432.931,503.697,432.931z"/> <polygon style="fill:#E8D6BD;" points="409.6,129.771 409.6,196.193 265.675,262.615 121.773,196.193 121.773,129.771 "/> </g> <path style="fill:#BD9F79;" d="M395.043,281.356c-23.403,47.857-72.588,80.89-129.356,80.89s-105.954-33.034-129.367-80.89 l129.356-29.812L395.043,281.356z"/> <path style="fill:#B75548;" d="M409.6,196.193v22.141c0,22.583-5.236,43.982-14.546,63.023c-0.011,0-258.734,0-258.734,0 c-9.31-19.041-14.546-40.44-14.546-63.023v-22.141c35.978,0,35.978,15.498,71.957,15.498s35.978-15.498,71.946-15.498 c35.989,0,35.989,15.498,71.968,15.498S373.622,196.193,409.6,196.193z"/> </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
2.28 KB
1.68 KB
-26%
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/31497/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:#F9EBDB;" d="M492.627,424.628l-6.509,22.783c-2.513,8.779-12.033,15.963-21.166,15.963H66.422 c-9.133,0-18.653-7.185-21.166-15.963l-6.509-22.783H492.627z"/> <path style="fill:#C8FEFF;" d="M442.811,129.771v88.562c0,97.828-79.307,177.124-177.124,177.124 c-50.658,0-96.333-21.266-128.614-55.351h-48.51c-23.657,0-45.897-9.21-62.625-25.938C9.21,297.442,0,275.201,0,251.544 s9.21-45.897,25.938-62.625s38.967-25.938,62.625-25.938v-33.211h33.211l143.914,44.281L409.6,129.771 C409.6,129.771,442.811,129.771,442.811,129.771z M88.562,306.896h23.701c-15.078-26.048-23.701-56.303-23.701-88.562v-22.141 c-14.79,0-28.683,5.757-39.144,16.207c-10.45,10.461-16.207,24.355-16.207,39.144s5.757,28.683,16.218,39.145 C59.879,301.139,73.772,306.896,88.562,306.896z"/> <path style="fill:#F9EBDB;" d="M409.6,129.771l-143.925,22.141l-143.902-22.141c0-30.023,24.344-54.366,54.366-54.366 c14.203,0,27.122,5.447,36.809,14.358c5.912-23.624,27.277-41.137,52.739-41.137s46.827,17.513,52.739,41.137 c9.686-8.912,22.605-14.358,36.809-14.358C385.257,75.405,409.6,99.749,409.6,129.771z"/> <g> <path style="fill:#E8D6BD;" d="M503.697,432.931H27.676c-4.585,0-8.303-3.716-8.303-8.303s3.717-8.303,8.303-8.303h476.022 c4.585,0,8.303,3.716,8.303,8.303S508.283,432.931,503.697,432.931z"/> <polygon style="fill:#E8D6BD;" points="409.6,129.771 409.6,196.193 265.675,262.615 121.773,196.193 121.773,129.771 "/> </g> <path style="fill:#BD9F79;" d="M395.043,281.356c-23.403,47.857-72.588,80.89-129.356,80.89s-105.954-33.034-129.367-80.89 l129.356-29.812L395.043,281.356z"/> <path style="fill:#B75548;" d="M409.6,196.193v22.141c0,22.583-5.236,43.982-14.546,63.023c-0.011,0-258.734,0-258.734,0 c-9.31-19.041-14.546-40.44-14.546-63.023v-22.141c35.978,0,35.978,15.498,71.957,15.498s35.978-15.498,71.946-15.498 c35.989,0,35.989,15.498,71.968,15.498S373.622,196.193,409.6,196.193z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download