SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Sugar
Coffee Shop 8
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.99 KB
2.12 KB
-29%
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/186253/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 511.672 511.672" style="enable-background:new 0 0 511.672 511.672;" xml:space="preserve"> <g> <path style="fill:#516470;" d="M255.831,61.793c8.527,0,16.905,3.716,24.779,8.828h1.704V26.483L229.348,0v70.621h1.704 C238.926,65.51,247.303,61.793,255.831,61.793L255.831,61.793z"/> <polygon style="fill:#516470;" points="167.552,189.79 344.104,189.79 344.104,114.756 167.552,114.756 "/> </g> <path style="fill:#DAE7EF;" d="M339.742,503.172H171.921c-17.037,0-30.844-13.815-30.844-30.844V216.223 c0-17.028,13.806-30.844,30.844-30.844h167.821c17.037,0,30.852,13.815,30.852,30.844v256.106 C370.594,489.357,356.779,503.172,339.742,503.172"/> <path style="fill:#38454F;" d="M264.894,370.759h-18.123c-9.622,0-17.426-7.795-17.426-17.417V189.06h52.965v164.281 C282.312,362.964,274.516,370.759,264.894,370.759"/> <path style="fill:#FFFFFF;" d="M316.089,395.626c-0.459,0.521-0.945,1.033-1.439,1.527l-16.675,16.764 c-11.529,11.591-30.217,11.591-41.746,0l-4.652-4.679c-8.06-5.65-19.385-5.791-25.529,0c-7.292,5.685-18.714,5.72-25.529,0 c-7.786-5.658-19.156-5.764-25.529,0l-4.255,4.281c-7.106,7.142-13.824,8.545-25.529,8.545v47.086 c0,16.508,10.337,29.881,26.765,29.881h167.308c16.419,0,27.171-13.374,27.171-29.881v-98.392 C338.794,370.759,327.424,382.817,316.089,395.626"/> <path style="fill:#BBD7EB;" d="M339.742,511.672H171.921c-21.694,0-39.343-17.649-39.343-39.344V216.223 c0-21.694,17.649-39.344,39.343-39.344h167.821c21.699,0,39.353,17.649,39.353,39.344v256.105 C379.094,494.023,361.44,511.672,339.742,511.672z M171.921,193.879c-12.32,0-22.343,10.023-22.343,22.344v256.105 c0,12.32,10.023,22.344,22.343,22.344h167.821c12.325,0,22.353-10.023,22.353-22.344V216.223c0-12.32-10.027-22.344-22.353-22.344 L171.921,193.879L171.921,193.879z"/> <path style="fill:#38454F;" d="M344.107,114.759H167.555l41.684-35.734c12.977-11.114,29.502-26.059,46.592-26.059 c17.09,0,33.615,14.945,46.592,26.059L344.107,114.759z"/> <g> <path style="fill:#DDDDDD;" d="M220.52,467.862c0-4.873-3.955-8.828-8.828-8.828s-8.828,3.955-8.828,8.828 c0,4.873,3.955,8.828,8.828,8.828S220.52,472.735,220.52,467.862"/> <path style="fill:#DDDDDD;" d="M255.831,450.207c0-4.873-3.955-8.828-8.828-8.828s-8.828,3.955-8.828,8.828 c0,4.873,3.955,8.828,8.828,8.828S255.831,455.08,255.831,450.207"/> <path style="fill:#DDDDDD;" d="M308.797,467.862c0-4.873-3.955-8.828-8.828-8.828c-4.873,0-8.828,3.955-8.828,8.828 c0,4.873,3.955,8.828,8.828,8.828C304.841,476.69,308.797,472.735,308.797,467.862"/> <path style="fill:#DDDDDD;" d="M344.107,432.552c0-4.873-3.955-8.828-8.828-8.828c-4.873,0-8.828,3.955-8.828,8.828 s3.955,8.828,8.828,8.828C340.151,441.38,344.107,437.425,344.107,432.552"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.99 KB
2.12 KB
-29%
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/186253/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 511.672 511.672" style="enable-background:new 0 0 511.672 511.672;" xml:space="preserve"> <g> <path style="fill:#516470;" d="M255.831,61.793c8.527,0,16.905,3.716,24.779,8.828h1.704V26.483L229.348,0v70.621h1.704 C238.926,65.51,247.303,61.793,255.831,61.793L255.831,61.793z"/> <polygon style="fill:#516470;" points="167.552,189.79 344.104,189.79 344.104,114.756 167.552,114.756 "/> </g> <path style="fill:#DAE7EF;" d="M339.742,503.172H171.921c-17.037,0-30.844-13.815-30.844-30.844V216.223 c0-17.028,13.806-30.844,30.844-30.844h167.821c17.037,0,30.852,13.815,30.852,30.844v256.106 C370.594,489.357,356.779,503.172,339.742,503.172"/> <path style="fill:#38454F;" d="M264.894,370.759h-18.123c-9.622,0-17.426-7.795-17.426-17.417V189.06h52.965v164.281 C282.312,362.964,274.516,370.759,264.894,370.759"/> <path style="fill:#FFFFFF;" d="M316.089,395.626c-0.459,0.521-0.945,1.033-1.439,1.527l-16.675,16.764 c-11.529,11.591-30.217,11.591-41.746,0l-4.652-4.679c-8.06-5.65-19.385-5.791-25.529,0c-7.292,5.685-18.714,5.72-25.529,0 c-7.786-5.658-19.156-5.764-25.529,0l-4.255,4.281c-7.106,7.142-13.824,8.545-25.529,8.545v47.086 c0,16.508,10.337,29.881,26.765,29.881h167.308c16.419,0,27.171-13.374,27.171-29.881v-98.392 C338.794,370.759,327.424,382.817,316.089,395.626"/> <path style="fill:#BBD7EB;" d="M339.742,511.672H171.921c-21.694,0-39.343-17.649-39.343-39.344V216.223 c0-21.694,17.649-39.344,39.343-39.344h167.821c21.699,0,39.353,17.649,39.353,39.344v256.105 C379.094,494.023,361.44,511.672,339.742,511.672z M171.921,193.879c-12.32,0-22.343,10.023-22.343,22.344v256.105 c0,12.32,10.023,22.344,22.343,22.344h167.821c12.325,0,22.353-10.023,22.353-22.344V216.223c0-12.32-10.027-22.344-22.353-22.344 L171.921,193.879L171.921,193.879z"/> <path style="fill:#38454F;" d="M344.107,114.759H167.555l41.684-35.734c12.977-11.114,29.502-26.059,46.592-26.059 c17.09,0,33.615,14.945,46.592,26.059L344.107,114.759z"/> <g> <path style="fill:#DDDDDD;" d="M220.52,467.862c0-4.873-3.955-8.828-8.828-8.828s-8.828,3.955-8.828,8.828 c0,4.873,3.955,8.828,8.828,8.828S220.52,472.735,220.52,467.862"/> <path style="fill:#DDDDDD;" d="M255.831,450.207c0-4.873-3.955-8.828-8.828-8.828s-8.828,3.955-8.828,8.828 c0,4.873,3.955,8.828,8.828,8.828S255.831,455.08,255.831,450.207"/> <path style="fill:#DDDDDD;" d="M308.797,467.862c0-4.873-3.955-8.828-8.828-8.828c-4.873,0-8.828,3.955-8.828,8.828 c0,4.873,3.955,8.828,8.828,8.828C304.841,476.69,308.797,472.735,308.797,467.862"/> <path style="fill:#DDDDDD;" d="M344.107,432.552c0-4.873-3.955-8.828-8.828-8.828c-4.873,0-8.828,3.955-8.828,8.828 s3.955,8.828,8.828,8.828C340.151,441.38,344.107,437.425,344.107,432.552"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG