SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Sugar
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
2.56 KB
1.78 KB
-30%
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/211898/sugar --> <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"> <polygon style="fill:#B3D8F4;" points="287.831,97.67 224.169,97.67 224.169,13.134 287.831,47.574 "/> <polygon style="fill:#5AAAE7;" points="287.831,47.574 287.831,97.67 256,97.67 256,30.354 "/> <path style="fill:#FFFFFF;" d="M376.563,504.173H135.437c-25.569-106.505-25.569-217.549,0-324.054h241.125 C402.132,286.622,402.132,397.667,376.563,504.173z"/> <path style="fill:#C2DFF6;" d="M376.563,504.173H256V180.119h120.563C402.132,286.622,402.132,397.667,376.563,504.173z"/> <rect x="224.167" y="180.124" style="fill:#B3D8F4;" width="63.663" height="162.027"/> <rect x="255.998" y="180.124" style="fill:#5AAAE7;" width="31.831" height="162.027"/> <path style="fill:#FFE477;" d="M395.745,342.146c0,54.385-6.398,108.78-19.182,162.027H135.437 c-12.785-53.247-19.182-107.642-19.182-162.027H395.745z"/> <path style="fill:#FFD442;" d="M395.745,342.146c0,54.385-6.398,108.78-19.182,162.027H256V342.146H395.745z"/> <rect x="224.167" y="342.14" style="fill:#FFF5CC;" width="63.663" height="82.188"/> <rect x="255.998" y="342.14" style="fill:#EEBF00;" width="31.831" height="82.188"/> <polyline style="fill:#B3D8F4;" points="163.115,157.158 163.115,97.67 348.885,97.67 348.885,157.158 "/> <rect x="255.998" y="97.665" style="fill:#5AAAE7;" width="92.885" height="59.488"/> <path d="M410.506,172.291H101.494v15.655h24.089c-22.742,101.104-22.742,207.295,0,308.399h-24.089V512h309.013v-15.655H141.654 c-11.054-47.97-16.864-97.139-17.421-146.372h92.107v82.188h79.318v-82.188h92.207c-0.504,43.696-5.189,87.401-13.973,130.187 l15.334,3.149c10.296-50.146,15.09-101.528,14.247-152.716c-0.789-47.931-6.525-95.869-17.055-142.647h24.087v-15.655H410.506z M280.004,416.506h-48.008V203.079h-15.655v131.239h-92.107c0.556-49.233,6.366-98.402,17.421-146.372h138.35V416.506z M387.822,330.85c0.019,1.155,0.02,2.312,0.033,3.468H295.66V187.946h74.691C381.146,234.77,387.031,282.812,387.822,330.85z"/> <path d="M377.064,149.331h-20.351V89.843h-61.054V42.91L216.341,0v89.843h-61.054v59.488h-20.351v15.655h242.127V149.331z M231.996,26.268l48.008,25.971v37.603h-48.008L231.996,26.268L231.996,26.268z M170.942,105.498h170.115v43.833H170.942 L170.942,105.498L170.942,105.498z"/> </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.56 KB
1.78 KB
-30%
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/211898/sugar --> <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"> <polygon style="fill:#B3D8F4;" points="287.831,97.67 224.169,97.67 224.169,13.134 287.831,47.574 "/> <polygon style="fill:#5AAAE7;" points="287.831,47.574 287.831,97.67 256,97.67 256,30.354 "/> <path style="fill:#FFFFFF;" d="M376.563,504.173H135.437c-25.569-106.505-25.569-217.549,0-324.054h241.125 C402.132,286.622,402.132,397.667,376.563,504.173z"/> <path style="fill:#C2DFF6;" d="M376.563,504.173H256V180.119h120.563C402.132,286.622,402.132,397.667,376.563,504.173z"/> <rect x="224.167" y="180.124" style="fill:#B3D8F4;" width="63.663" height="162.027"/> <rect x="255.998" y="180.124" style="fill:#5AAAE7;" width="31.831" height="162.027"/> <path style="fill:#FFE477;" d="M395.745,342.146c0,54.385-6.398,108.78-19.182,162.027H135.437 c-12.785-53.247-19.182-107.642-19.182-162.027H395.745z"/> <path style="fill:#FFD442;" d="M395.745,342.146c0,54.385-6.398,108.78-19.182,162.027H256V342.146H395.745z"/> <rect x="224.167" y="342.14" style="fill:#FFF5CC;" width="63.663" height="82.188"/> <rect x="255.998" y="342.14" style="fill:#EEBF00;" width="31.831" height="82.188"/> <polyline style="fill:#B3D8F4;" points="163.115,157.158 163.115,97.67 348.885,97.67 348.885,157.158 "/> <rect x="255.998" y="97.665" style="fill:#5AAAE7;" width="92.885" height="59.488"/> <path d="M410.506,172.291H101.494v15.655h24.089c-22.742,101.104-22.742,207.295,0,308.399h-24.089V512h309.013v-15.655H141.654 c-11.054-47.97-16.864-97.139-17.421-146.372h92.107v82.188h79.318v-82.188h92.207c-0.504,43.696-5.189,87.401-13.973,130.187 l15.334,3.149c10.296-50.146,15.09-101.528,14.247-152.716c-0.789-47.931-6.525-95.869-17.055-142.647h24.087v-15.655H410.506z M280.004,416.506h-48.008V203.079h-15.655v131.239h-92.107c0.556-49.233,6.366-98.402,17.421-146.372h138.35V416.506z M387.822,330.85c0.019,1.155,0.02,2.312,0.033,3.468H295.66V187.946h74.691C381.146,234.77,387.031,282.812,387.822,330.85z"/> <path d="M377.064,149.331h-20.351V89.843h-61.054V42.91L216.341,0v89.843h-61.054v59.488h-20.351v15.655h242.127V149.331z M231.996,26.268l48.008,25.971v37.603h-48.008L231.996,26.268L231.996,26.268z M170.942,105.498h170.115v43.833H170.942 L170.942,105.498L170.942,105.498z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download