SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Browser Ui
Web Design 5
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.23 KB
1.7 KB
-24%
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/213386/browser-ui --> <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:#EDEDED;" d="M512,454.4c0,21.207-17.193,38.4-38.4,38.4H38.4C17.193,492.8,0,475.607,0,454.4V57.6 c0-21.207,17.193-38.4,38.4-38.4h435.2c21.207,0,38.4,17.193,38.4,38.4V454.4z"/> <path style="fill:#D8D8DA;" d="M473.6,19.2H256v473.6h217.6c21.207,0,38.4-17.193,38.4-38.4V57.6 C512,36.393,494.807,19.2,473.6,19.2z"/> <path style="fill:#88888F;" d="M0,134.4v320c0,21.207,17.193,38.4,38.4,38.4h435.2c21.207,0,38.4-17.193,38.4-38.4v-320H0z"/> <path style="fill:#797781;" d="M256,134.4v358.4h217.6c21.207,0,38.4-17.193,38.4-38.4v-320H256z"/> <rect x="256" y="57.6" style="fill:#C6C5CA;" width="217.6" height="38.4"/> <circle style="fill:#E07188;" cx="57.6" cy="76.8" r="25.6"/> <path style="fill:#F8E99B;" d="M151.277,195.84c-4.511-3.971-10.409-6.4-16.877-6.4c-6.468,0-12.365,2.429-16.877,6.4H64v38.4 h53.523c4.511,3.971,10.409,6.4,16.877,6.4c6.29,0,12.216-2.276,16.892-6.4H448v-38.4H151.277z"/> <path style="fill:#95D5A7;" d="M377.6,381.44c-6.289,0-12.216,2.276-16.891,6.4H64v38.4h296.723c4.511,3.971,10.409,6.4,16.877,6.4 c6.468,0,12.365-2.429,16.877-6.4H448v-38.4h-53.528C389.961,383.873,384.067,381.445,377.6,381.44z"/> <path style="fill:#D1E5F5;" d="M256,285.44c-6.29,0-12.216,2.276-16.892,6.4H64v38.4h175.123c4.511,3.971,10.409,6.4,16.877,6.4 s12.365-2.429,16.877-6.4H448v-38.4H272.872C268.361,287.873,262.467,285.445,256,285.44z"/> <rect x="256" y="195.84" style="fill:#F6E27D;" width="192" height="38.4"/> <path style="fill:#80CB93;" d="M360.723,426.24c4.511,3.971,10.409,6.4,16.877,6.4c6.468,0,12.365-2.429,16.877-6.4H448v-38.4 h-53.528c-4.509-3.967-10.405-6.395-16.872-6.4c-6.289,0-12.216,2.276-16.891,6.4H256v38.4H360.723z"/> <path style="fill:#B4D8F1;" d="M272.877,330.24H448v-38.4H272.872c-4.509-3.967-10.405-6.395-16.872-6.4v51.2 C262.468,336.64,268.365,334.211,272.877,330.24z"/> </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.23 KB
1.7 KB
-24%
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/213386/browser-ui --> <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:#EDEDED;" d="M512,454.4c0,21.207-17.193,38.4-38.4,38.4H38.4C17.193,492.8,0,475.607,0,454.4V57.6 c0-21.207,17.193-38.4,38.4-38.4h435.2c21.207,0,38.4,17.193,38.4,38.4V454.4z"/> <path style="fill:#D8D8DA;" d="M473.6,19.2H256v473.6h217.6c21.207,0,38.4-17.193,38.4-38.4V57.6 C512,36.393,494.807,19.2,473.6,19.2z"/> <path style="fill:#88888F;" d="M0,134.4v320c0,21.207,17.193,38.4,38.4,38.4h435.2c21.207,0,38.4-17.193,38.4-38.4v-320H0z"/> <path style="fill:#797781;" d="M256,134.4v358.4h217.6c21.207,0,38.4-17.193,38.4-38.4v-320H256z"/> <rect x="256" y="57.6" style="fill:#C6C5CA;" width="217.6" height="38.4"/> <circle style="fill:#E07188;" cx="57.6" cy="76.8" r="25.6"/> <path style="fill:#F8E99B;" d="M151.277,195.84c-4.511-3.971-10.409-6.4-16.877-6.4c-6.468,0-12.365,2.429-16.877,6.4H64v38.4 h53.523c4.511,3.971,10.409,6.4,16.877,6.4c6.29,0,12.216-2.276,16.892-6.4H448v-38.4H151.277z"/> <path style="fill:#95D5A7;" d="M377.6,381.44c-6.289,0-12.216,2.276-16.891,6.4H64v38.4h296.723c4.511,3.971,10.409,6.4,16.877,6.4 c6.468,0,12.365-2.429,16.877-6.4H448v-38.4h-53.528C389.961,383.873,384.067,381.445,377.6,381.44z"/> <path style="fill:#D1E5F5;" d="M256,285.44c-6.29,0-12.216,2.276-16.892,6.4H64v38.4h175.123c4.511,3.971,10.409,6.4,16.877,6.4 s12.365-2.429,16.877-6.4H448v-38.4H272.872C268.361,287.873,262.467,285.445,256,285.44z"/> <rect x="256" y="195.84" style="fill:#F6E27D;" width="192" height="38.4"/> <path style="fill:#80CB93;" d="M360.723,426.24c4.511,3.971,10.409,6.4,16.877,6.4c6.468,0,12.365-2.429,16.877-6.4H448v-38.4 h-53.528c-4.509-3.967-10.405-6.395-16.872-6.4c-6.289,0-12.216,2.276-16.891,6.4H256v38.4H360.723z"/> <path style="fill:#B4D8F1;" d="M272.877,330.24H448v-38.4H272.872c-4.509-3.967-10.405-6.395-16.872-6.4v51.2 C262.468,336.64,268.365,334.211,272.877,330.24z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download