SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Display Ui
Settings Display 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
1.49 KB
910 bytes
-40%
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/189683/display-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"> <g> <rect x="46.545" y="356.848" style="fill:#9BC9FF;" width="418.909" height="108.606"/> <rect x="46.545" y="46.545" style="fill:#9BC9FF;" width="418.909" height="263.758"/> </g> <path style="fill:#8CB7E8;" d="M488.727,0H23.273C10.42,0,0,10.42,0,23.273v310.303v155.152C0,501.58,10.42,512,23.273,512h465.455 C501.58,512,512,501.58,512,488.727V333.576V23.273C512,10.42,501.58,0,488.727,0z M465.455,465.455H46.545V356.848h418.909V465.455 z M465.455,310.303H46.545V46.545h418.909V310.303z"/> <g> <rect x="256" y="356.848" style="fill:#BDFDFF;" width="209.455" height="108.606"/> <rect x="256" y="46.545" style="fill:#BDFDFF;" width="209.455" height="263.758"/> </g> <path style="fill:#5286FA;" d="M488.727,0H256v46.545h209.455v263.758H256v46.545h209.455v108.606H256V512h232.727 C501.58,512,512,501.58,512,488.727V333.576V23.273C512,10.42,501.58,0,488.727,0z"/> <path style="fill:#3D6DEB;" d="M46.545,465.455V356.848H256v-46.545H46.545V46.545H256V0H23.273C10.42,0,0,10.42,0,23.273v310.303 v155.152C0,501.58,10.42,512,23.273,512H256v-46.545H46.545z"/> </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
1.49 KB
910 bytes
-40%
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/189683/display-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"> <g> <rect x="46.545" y="356.848" style="fill:#9BC9FF;" width="418.909" height="108.606"/> <rect x="46.545" y="46.545" style="fill:#9BC9FF;" width="418.909" height="263.758"/> </g> <path style="fill:#8CB7E8;" d="M488.727,0H23.273C10.42,0,0,10.42,0,23.273v310.303v155.152C0,501.58,10.42,512,23.273,512h465.455 C501.58,512,512,501.58,512,488.727V333.576V23.273C512,10.42,501.58,0,488.727,0z M465.455,465.455H46.545V356.848h418.909V465.455 z M465.455,310.303H46.545V46.545h418.909V310.303z"/> <g> <rect x="256" y="356.848" style="fill:#BDFDFF;" width="209.455" height="108.606"/> <rect x="256" y="46.545" style="fill:#BDFDFF;" width="209.455" height="263.758"/> </g> <path style="fill:#5286FA;" d="M488.727,0H256v46.545h209.455v263.758H256v46.545h209.455v108.606H256V512h232.727 C501.58,512,512,501.58,512,488.727V333.576V23.273C512,10.42,501.58,0,488.727,0z"/> <path style="fill:#3D6DEB;" d="M46.545,465.455V356.848H256v-46.545H46.545V46.545H256V0H23.273C10.42,0,0,10.42,0,23.273v310.303 v155.152C0,501.58,10.42,512,23.273,512H256v-46.545H46.545z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG