SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Mask Snorkel
Traveling Flat Icons
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
2.27 KB
1.63 KB
-28%
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 Cynthia: https://dribbble.com/Cynthia_yue --> <svg width="800px" height="800px" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M106.666667 298.666667h106.666666v106.666666H106.666667zM640 298.666667h106.666667v106.666666h-106.666667z" fill="#37474F" /><path d="M362.666667 768h128v85.333333h-128z" fill="#1976D2" /><path d="M277.333333 234.666667s-21.333333 55.552-21.333333 128c0 63.914667 9.408 99.456 42.666667 149.333333-106.666667-42.666667-128-106.666667-128-106.666667v-106.666666s42.666667-64 106.666666-64zM576 234.666667s21.333333 55.552 21.333333 128c0 63.914667-9.408 99.456-42.666666 149.333333 106.666667-42.666667 128-106.666667 128-106.666667v-106.666666s-42.666667-64-106.666667-64z" fill="#64B5F6" /><path d="M576 512c-21.333333 64-15.552 85.333333-62.677333 85.333333L426.666667 576l-85.333334 21.333333c-47.125333 0-42.666667-21.333333-64-85.333333v-21.333333c85.333333 64 106.666667-85.333333 149.333334-85.333334s64 149.333333 149.333333 85.333334v21.333333zM234.666667 234.666667s57.578667-64 192-64 192 64 192 64H234.666667z" fill="#90CAF9" /><path d="M512 682.666667a85.333333 85.333333 0 0 1-170.666667 0" fill="none" /><path d="M320 885.333333a106.666667 74.666667 0 1 0 213.333333 0 106.666667 74.666667 0 1 0-213.333333 0Z" fill="#303F9F" /><path d="M832 192v304.896c0 209.088-142.592 290.944-172.864 307.306667C657.834667 804.778667 565.333333 853.333333 565.333333 853.333333H512a32 32 0 0 0 0 64h64c6.912 0 13.674667-2.24 19.2-6.4l96-51.925333c8.426667-5.610667 204.8-92.096 204.8-362.133333V192h-64z" fill="#303F9F" /><path d="M682.666667 405.333333c0 47.125333-106.666667 106.666667-149.333334 106.666667s-64-106.666667-106.666666-106.666667-64 106.666667-106.666667 106.666667-149.333333-59.541333-149.333333-106.666667v-85.333333c0-47.125333 42.666667-85.333333 106.666666-85.333333s128 21.333333 149.333334 21.333333 85.333333-21.333333 149.333333-21.333333 106.666667 38.208 106.666667 85.333333v85.333333z" fill="none" /><path d="M832 149.333333l64-42.666666v128l-64 42.666666z" fill="#FF3D00" /><path d="M789.333333 149.333333V106.666667s0.661333-42.666667 53.333334-42.666667S896 106.666667 896 106.666667v42.666666h-106.666667z" fill="#FF3D00" /></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
2.27 KB
1.63 KB
-28%
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 Cynthia: https://dribbble.com/Cynthia_yue --> <svg width="800px" height="800px" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M106.666667 298.666667h106.666666v106.666666H106.666667zM640 298.666667h106.666667v106.666666h-106.666667z" fill="#37474F" /><path d="M362.666667 768h128v85.333333h-128z" fill="#1976D2" /><path d="M277.333333 234.666667s-21.333333 55.552-21.333333 128c0 63.914667 9.408 99.456 42.666667 149.333333-106.666667-42.666667-128-106.666667-128-106.666667v-106.666666s42.666667-64 106.666666-64zM576 234.666667s21.333333 55.552 21.333333 128c0 63.914667-9.408 99.456-42.666666 149.333333 106.666667-42.666667 128-106.666667 128-106.666667v-106.666666s-42.666667-64-106.666667-64z" fill="#64B5F6" /><path d="M576 512c-21.333333 64-15.552 85.333333-62.677333 85.333333L426.666667 576l-85.333334 21.333333c-47.125333 0-42.666667-21.333333-64-85.333333v-21.333333c85.333333 64 106.666667-85.333333 149.333334-85.333334s64 149.333333 149.333333 85.333334v21.333333zM234.666667 234.666667s57.578667-64 192-64 192 64 192 64H234.666667z" fill="#90CAF9" /><path d="M512 682.666667a85.333333 85.333333 0 0 1-170.666667 0" fill="none" /><path d="M320 885.333333a106.666667 74.666667 0 1 0 213.333333 0 106.666667 74.666667 0 1 0-213.333333 0Z" fill="#303F9F" /><path d="M832 192v304.896c0 209.088-142.592 290.944-172.864 307.306667C657.834667 804.778667 565.333333 853.333333 565.333333 853.333333H512a32 32 0 0 0 0 64h64c6.912 0 13.674667-2.24 19.2-6.4l96-51.925333c8.426667-5.610667 204.8-92.096 204.8-362.133333V192h-64z" fill="#303F9F" /><path d="M682.666667 405.333333c0 47.125333-106.666667 106.666667-149.333334 106.666667s-64-106.666667-106.666666-106.666667-64 106.666667-106.666667 106.666667-149.333333-59.541333-149.333333-106.666667v-85.333333c0-47.125333 42.666667-85.333333 106.666666-85.333333s128 21.333333 149.333334 21.333333 85.333333-21.333333 149.333333-21.333333 106.666667 38.208 106.666667 85.333333v85.333333z" fill="none" /><path d="M832 149.333333l64-42.666666v128l-64 42.666666z" fill="#FF3D00" /><path d="M789.333333 149.333333V106.666667s0.661333-42.666667 53.333334-42.666667S896 106.666667 896 106.666667v42.666666h-106.666667z" fill="#FF3D00" /></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG