SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Server Storage Database
Yellow Technology Vectors
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
5.37 KB
4.58 KB
-15%
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="utf-8"?> <!-- License: CC Attribution. Made by Sunbzy: https://dribbble.com/sunbzy --> <svg width="800px" height="800px" viewBox="-1.88 0 71.531 71.531" xmlns="http://www.w3.org/2000/svg"> <g id="Group_116" data-name="Group 116" transform="translate(-242.236 -198.986)"> <g id="Group_113" data-name="Group 113"> <path id="Rectangle_37" data-name="Rectangle 37" d="M3.7,0H46.425a3.694,3.694,0,0,1,3.694,3.694V54.354a3.7,3.7,0,0,1-3.7,3.7H3.7a3.7,3.7,0,0,1-3.7-3.7V3.7A3.7,3.7,0,0,1,3.7,0Z" transform="translate(244.868 212.466)" fill="#5a6271"/> <g id="Group_110" data-name="Group 110"> <path id="Rectangle_38" data-name="Rectangle 38" d="M3.7,0H52.566a3.694,3.694,0,0,1,3.694,3.694v8.563a3.7,3.7,0,0,1-3.7,3.7H3.7a3.7,3.7,0,0,1-3.7-3.7V3.7A3.7,3.7,0,0,1,3.7,0Z" transform="translate(242.236 209.835)" fill="#dce2e9"/> <path id="Path_287" data-name="Path 287" d="M294.8,224.912H245.931a3.7,3.7,0,0,1-3.7-3.7v.877a3.7,3.7,0,0,0,3.7,3.7H294.8a3.7,3.7,0,0,0,3.7-3.7v-.877A3.7,3.7,0,0,1,294.8,224.912Z" fill="#bfc8d5"/> <path id="Path_288" data-name="Path 288" d="M294.8,209.835H245.931a3.7,3.7,0,0,0-3.7,3.7v.877a3.7,3.7,0,0,1,3.7-3.7H294.8a3.7,3.7,0,0,1,3.7,3.7v-.877A3.7,3.7,0,0,0,294.8,209.835Z" fill="#dce2e9" style="mix-blend-mode: screen;isolation: isolate"/> <rect id="Rectangle_39" data-name="Rectangle 39" width="15.954" height="15.953" transform="translate(250.983 209.835)" fill="#dce2e9" opacity="0.5" style="mix-blend-mode: screen;isolation: isolate"/> <path id="Path_289" data-name="Path 289" d="M294.8,209.835h-5.21v15.954h5.21a3.7,3.7,0,0,0,3.7-3.7v-8.56A3.7,3.7,0,0,0,294.8,209.835Z" fill="#dce2e9" style="mix-blend-mode: multiply;isolation: isolate"/> </g> <g id="Group_111" data-name="Group 111"> <path id="Rectangle_40" data-name="Rectangle 40" d="M3.7,0H52.566a3.694,3.694,0,0,1,3.694,3.694v8.563a3.7,3.7,0,0,1-3.7,3.7H3.7a3.7,3.7,0,0,1-3.7-3.7V3.7A3.7,3.7,0,0,1,3.7,0Z" transform="translate(242.236 229.835)" fill="#dce2e9"/> <path id="Path_290" data-name="Path 290" d="M294.8,244.912H245.931a3.7,3.7,0,0,1-3.7-3.7v.877a3.7,3.7,0,0,0,3.7,3.7H294.8a3.7,3.7,0,0,0,3.7-3.7v-.877A3.7,3.7,0,0,1,294.8,244.912Z" fill="#bfc8d5"/> <path id="Path_291" data-name="Path 291" d="M294.8,229.835H245.931a3.7,3.7,0,0,0-3.7,3.7v.877a3.7,3.7,0,0,1,3.7-3.7H294.8a3.7,3.7,0,0,1,3.7,3.7v-.877A3.7,3.7,0,0,0,294.8,229.835Z" fill="#dce2e9" style="mix-blend-mode: screen;isolation: isolate"/> <rect id="Rectangle_41" data-name="Rectangle 41" width="15.954" height="15.953" transform="translate(250.983 229.835)" fill="#dce2e9" opacity="0.5" style="mix-blend-mode: screen;isolation: isolate"/> <path id="Path_292" data-name="Path 292" d="M294.8,229.835h-5.21v15.954h5.21a3.7,3.7,0,0,0,3.7-3.7v-8.56A3.7,3.7,0,0,0,294.8,229.835Z" fill="#dce2e9" style="mix-blend-mode: multiply;isolation: isolate"/> </g> <g id="Group_112" data-name="Group 112"> <path id="Rectangle_42" data-name="Rectangle 42" d="M3.7,0H52.566a3.694,3.694,0,0,1,3.694,3.694v8.563a3.7,3.7,0,0,1-3.7,3.7H3.7a3.7,3.7,0,0,1-3.7-3.7V3.7A3.7,3.7,0,0,1,3.7,0Z" transform="translate(242.236 249.835)" fill="#dce2e9"/> <path id="Path_293" data-name="Path 293" d="M294.8,264.912H245.931a3.7,3.7,0,0,1-3.7-3.7v.877a3.7,3.7,0,0,0,3.7,3.7H294.8a3.7,3.7,0,0,0,3.7-3.7v-.877A3.7,3.7,0,0,1,294.8,264.912Z" fill="#bfc8d5"/> <path id="Path_294" data-name="Path 294" d="M294.8,249.835H245.931a3.7,3.7,0,0,0-3.7,3.7v.877a3.7,3.7,0,0,1,3.7-3.7H294.8a3.7,3.7,0,0,1,3.7,3.7v-.877A3.7,3.7,0,0,0,294.8,249.835Z" fill="#dce2e9" style="mix-blend-mode: screen;isolation: isolate"/> <rect id="Rectangle_43" data-name="Rectangle 43" width="15.954" height="15.953" transform="translate(250.983 249.835)" fill="#dce2e9" opacity="0.5" style="mix-blend-mode: screen;isolation: isolate"/> <path id="Path_295" data-name="Path 295" d="M294.8,249.835h-5.21v15.954h5.21a3.7,3.7,0,0,0,3.7-3.7v-8.56A3.7,3.7,0,0,0,294.8,249.835Z" fill="#dce2e9" style="mix-blend-mode: multiply;isolation: isolate"/> </g> </g> <g id="Group_115" data-name="Group 115"> <path id="Path_296" data-name="Path 296" d="M287.7,199.113c4.018-1.223,23.425,6.73,22.263,10.211s-9.375,8.955-8.711,10.748,5.849,2.84,5.059,5.4-19.885,16.082-24.479,14.108c-1.971-.846,5.316-13.252,4.808-14.526-.419-1.051-9.862-1.785-8.4-7.287S284.229,200.167,287.7,199.113Z" fill="#ffc52f"/> <g id="Group_114" data-name="Group 114" style="mix-blend-mode: multiply;isolation: isolate"> <path id="Path_297" data-name="Path 297" d="M302.4,203.2c3.5,1.855,6,3.81,5.556,5.125-1.162,3.48-9.375,8.955-8.711,10.748s5.849,2.84,5.059,5.4c-.715,2.32-16.441,13.625-22.816,14.274-.013.433.087.726.337.834,4.594,1.974,23.69-11.545,24.479-14.108s-4.395-3.611-5.059-5.4,7.549-7.268,8.711-10.748C310.478,207.769,306.888,205.322,302.4,203.2Z" fill="#ffc52f"/> </g> <path id="Path_298" data-name="Path 298" d="M288.109,200.2c1.739-.68,7.267,1.224,8.292,2.25,1.625,1.625-13.374,7.125-12.792,4.25S286.4,200.863,288.109,200.2Z" fill="#ffc52f" opacity="0.5" style="mix-blend-mode: screen;isolation: isolate"/> <path id="Path_299" data-name="Path 299" d="M289.109,225.773c1.092-.588,4.894.217,5.654.81,1.2.94-8.243,5.791-8.093,3.846S288.037,226.353,289.109,225.773Z" fill="#ffc52f" opacity="0.5" style="mix-blend-mode: screen;isolation: isolate"/> </g> </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
-1px x -1px
Change dimensions
Optimize
5.37 KB
4.58 KB
-15%
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="utf-8"?> <!-- License: CC Attribution. Made by Sunbzy: https://dribbble.com/sunbzy --> <svg width="800px" height="800px" viewBox="-1.88 0 71.531 71.531" xmlns="http://www.w3.org/2000/svg"> <g id="Group_116" data-name="Group 116" transform="translate(-242.236 -198.986)"> <g id="Group_113" data-name="Group 113"> <path id="Rectangle_37" data-name="Rectangle 37" d="M3.7,0H46.425a3.694,3.694,0,0,1,3.694,3.694V54.354a3.7,3.7,0,0,1-3.7,3.7H3.7a3.7,3.7,0,0,1-3.7-3.7V3.7A3.7,3.7,0,0,1,3.7,0Z" transform="translate(244.868 212.466)" fill="#5a6271"/> <g id="Group_110" data-name="Group 110"> <path id="Rectangle_38" data-name="Rectangle 38" d="M3.7,0H52.566a3.694,3.694,0,0,1,3.694,3.694v8.563a3.7,3.7,0,0,1-3.7,3.7H3.7a3.7,3.7,0,0,1-3.7-3.7V3.7A3.7,3.7,0,0,1,3.7,0Z" transform="translate(242.236 209.835)" fill="#dce2e9"/> <path id="Path_287" data-name="Path 287" d="M294.8,224.912H245.931a3.7,3.7,0,0,1-3.7-3.7v.877a3.7,3.7,0,0,0,3.7,3.7H294.8a3.7,3.7,0,0,0,3.7-3.7v-.877A3.7,3.7,0,0,1,294.8,224.912Z" fill="#bfc8d5"/> <path id="Path_288" data-name="Path 288" d="M294.8,209.835H245.931a3.7,3.7,0,0,0-3.7,3.7v.877a3.7,3.7,0,0,1,3.7-3.7H294.8a3.7,3.7,0,0,1,3.7,3.7v-.877A3.7,3.7,0,0,0,294.8,209.835Z" fill="#dce2e9" style="mix-blend-mode: screen;isolation: isolate"/> <rect id="Rectangle_39" data-name="Rectangle 39" width="15.954" height="15.953" transform="translate(250.983 209.835)" fill="#dce2e9" opacity="0.5" style="mix-blend-mode: screen;isolation: isolate"/> <path id="Path_289" data-name="Path 289" d="M294.8,209.835h-5.21v15.954h5.21a3.7,3.7,0,0,0,3.7-3.7v-8.56A3.7,3.7,0,0,0,294.8,209.835Z" fill="#dce2e9" style="mix-blend-mode: multiply;isolation: isolate"/> </g> <g id="Group_111" data-name="Group 111"> <path id="Rectangle_40" data-name="Rectangle 40" d="M3.7,0H52.566a3.694,3.694,0,0,1,3.694,3.694v8.563a3.7,3.7,0,0,1-3.7,3.7H3.7a3.7,3.7,0,0,1-3.7-3.7V3.7A3.7,3.7,0,0,1,3.7,0Z" transform="translate(242.236 229.835)" fill="#dce2e9"/> <path id="Path_290" data-name="Path 290" d="M294.8,244.912H245.931a3.7,3.7,0,0,1-3.7-3.7v.877a3.7,3.7,0,0,0,3.7,3.7H294.8a3.7,3.7,0,0,0,3.7-3.7v-.877A3.7,3.7,0,0,1,294.8,244.912Z" fill="#bfc8d5"/> <path id="Path_291" data-name="Path 291" d="M294.8,229.835H245.931a3.7,3.7,0,0,0-3.7,3.7v.877a3.7,3.7,0,0,1,3.7-3.7H294.8a3.7,3.7,0,0,1,3.7,3.7v-.877A3.7,3.7,0,0,0,294.8,229.835Z" fill="#dce2e9" style="mix-blend-mode: screen;isolation: isolate"/> <rect id="Rectangle_41" data-name="Rectangle 41" width="15.954" height="15.953" transform="translate(250.983 229.835)" fill="#dce2e9" opacity="0.5" style="mix-blend-mode: screen;isolation: isolate"/> <path id="Path_292" data-name="Path 292" d="M294.8,229.835h-5.21v15.954h5.21a3.7,3.7,0,0,0,3.7-3.7v-8.56A3.7,3.7,0,0,0,294.8,229.835Z" fill="#dce2e9" style="mix-blend-mode: multiply;isolation: isolate"/> </g> <g id="Group_112" data-name="Group 112"> <path id="Rectangle_42" data-name="Rectangle 42" d="M3.7,0H52.566a3.694,3.694,0,0,1,3.694,3.694v8.563a3.7,3.7,0,0,1-3.7,3.7H3.7a3.7,3.7,0,0,1-3.7-3.7V3.7A3.7,3.7,0,0,1,3.7,0Z" transform="translate(242.236 249.835)" fill="#dce2e9"/> <path id="Path_293" data-name="Path 293" d="M294.8,264.912H245.931a3.7,3.7,0,0,1-3.7-3.7v.877a3.7,3.7,0,0,0,3.7,3.7H294.8a3.7,3.7,0,0,0,3.7-3.7v-.877A3.7,3.7,0,0,1,294.8,264.912Z" fill="#bfc8d5"/> <path id="Path_294" data-name="Path 294" d="M294.8,249.835H245.931a3.7,3.7,0,0,0-3.7,3.7v.877a3.7,3.7,0,0,1,3.7-3.7H294.8a3.7,3.7,0,0,1,3.7,3.7v-.877A3.7,3.7,0,0,0,294.8,249.835Z" fill="#dce2e9" style="mix-blend-mode: screen;isolation: isolate"/> <rect id="Rectangle_43" data-name="Rectangle 43" width="15.954" height="15.953" transform="translate(250.983 249.835)" fill="#dce2e9" opacity="0.5" style="mix-blend-mode: screen;isolation: isolate"/> <path id="Path_295" data-name="Path 295" d="M294.8,249.835h-5.21v15.954h5.21a3.7,3.7,0,0,0,3.7-3.7v-8.56A3.7,3.7,0,0,0,294.8,249.835Z" fill="#dce2e9" style="mix-blend-mode: multiply;isolation: isolate"/> </g> </g> <g id="Group_115" data-name="Group 115"> <path id="Path_296" data-name="Path 296" d="M287.7,199.113c4.018-1.223,23.425,6.73,22.263,10.211s-9.375,8.955-8.711,10.748,5.849,2.84,5.059,5.4-19.885,16.082-24.479,14.108c-1.971-.846,5.316-13.252,4.808-14.526-.419-1.051-9.862-1.785-8.4-7.287S284.229,200.167,287.7,199.113Z" fill="#ffc52f"/> <g id="Group_114" data-name="Group 114" style="mix-blend-mode: multiply;isolation: isolate"> <path id="Path_297" data-name="Path 297" d="M302.4,203.2c3.5,1.855,6,3.81,5.556,5.125-1.162,3.48-9.375,8.955-8.711,10.748s5.849,2.84,5.059,5.4c-.715,2.32-16.441,13.625-22.816,14.274-.013.433.087.726.337.834,4.594,1.974,23.69-11.545,24.479-14.108s-4.395-3.611-5.059-5.4,7.549-7.268,8.711-10.748C310.478,207.769,306.888,205.322,302.4,203.2Z" fill="#ffc52f"/> </g> <path id="Path_298" data-name="Path 298" d="M288.109,200.2c1.739-.68,7.267,1.224,8.292,2.25,1.625,1.625-13.374,7.125-12.792,4.25S286.4,200.863,288.109,200.2Z" fill="#ffc52f" opacity="0.5" style="mix-blend-mode: screen;isolation: isolate"/> <path id="Path_299" data-name="Path 299" d="M289.109,225.773c1.092-.588,4.894.217,5.654.81,1.2.94-8.243,5.791-8.093,3.846S288.037,226.353,289.109,225.773Z" fill="#ffc52f" opacity="0.5" style="mix-blend-mode: screen;isolation: isolate"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG