SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Display Layout
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
3.63 KB
2.23 KB
-38%
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/189682/display-layout --> <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="356.844" y="356.844" style="fill:#D6E5F6;" width="108.605" height="108.602"/> <rect x="356.844" y="46.545" style="fill:#D6E5F6;" width="108.605" height="108.605"/> </g> <g> <rect x="46.545" y="356.844" style="fill:#9BC9FF;" width="108.605" height="108.602"/> <rect x="201.695" y="356.844" style="fill:#9BC9FF;" width="108.605" height="108.602"/> <rect x="46.545" y="201.695" style="fill:#9BC9FF;" width="108.605" height="108.605"/> </g> <rect x="356.844" y="201.695" style="fill:#D6E5F6;" width="108.605" height="108.605"/> <g> <rect x="201.695" y="201.695" style="fill:#9BC9FF;" width="108.605" height="108.605"/> <rect x="46.545" y="46.545" style="fill:#9BC9FF;" width="108.605" height="108.605"/> <rect x="201.695" y="46.545" style="fill:#9BC9FF;" width="108.605" height="108.605"/> </g> <path style="fill:#8CB7E8;" d="M511.997,23.272C511.997,10.42,501.577,0,488.724,0h-155.15H23.276 C10.423,0,0.003,10.42,0.003,23.272v155.092c0,0.022-0.003,0.039-0.003,0.061c0,0.022,0.003,0.039,0.003,0.061v310.236 c0,12.853,10.42,23.272,23.272,23.272h155.03c0.04,0,0.079,0.006,0.119,0.006c0.04,0,0.079-0.006,0.119-0.006h155.03h155.15 c12.853,0,23.272-10.42,23.272-23.272V333.635c0-0.022,0.003-0.039,0.003-0.06s-0.003-0.039-0.003-0.061V23.272z M155.153,465.449 H46.548V356.847h108.605V465.449z M155.153,310.302H46.548V201.698h108.605V310.302z M155.153,155.153H46.548V46.545h108.605 V155.153z M310.302,465.449H201.698V356.847h108.605V465.449z M310.302,310.302H201.698V201.698h108.605V310.302z M310.302,155.153 H201.698V46.545h108.605V155.153z M465.452,465.449H356.847V356.847h108.605V465.449z M465.452,310.302H356.847V201.698h108.605 V310.302z M465.452,155.153H356.847V46.545h108.605V155.153z"/> <g> <rect x="356.844" y="356.844" style="fill:#BDFDFF;" width="108.605" height="108.602"/> <rect x="356.844" y="46.545" style="fill:#BDFDFF;" width="108.605" height="108.605"/> <rect x="255.997" y="356.844" style="fill:#BDFDFF;" width="54.302" height="108.602"/> <rect x="356.844" y="201.695" style="fill:#BDFDFF;" width="108.605" height="108.605"/> <rect x="255.997" y="201.695" style="fill:#BDFDFF;" width="54.302" height="108.605"/> <rect x="255.997" y="46.545" style="fill:#BDFDFF;" width="54.302" height="108.605"/> </g> <path style="fill:#5286FA;" d="M511.997,333.514V23.272C511.997,10.42,501.577,0,488.724,0h-155.15H256v46.545h54.302v108.608H256 v46.545h54.302v108.605H256v46.545h54.302v108.602H256v46.545h77.575h155.15c12.853,0,23.272-10.42,23.272-23.272V333.635 c0-0.022,0.003-0.039,0.003-0.06S511.997,333.536,511.997,333.514z M465.452,465.449H356.847V356.847h108.605V465.449z M465.452,310.302H356.847V201.698h108.605V310.302z M465.452,155.153H356.847V46.545h108.605V155.153z"/> <path style="fill:#3D6DEB;" d="M201.698,465.449V356.847H256v-46.545h-54.302V201.698H256v-46.545h-54.302V46.545H256V0H23.276 C10.423,0,0.003,10.42,0.003,23.272v155.092c0,0.022-0.003,0.039-0.003,0.061c0,0.022,0.003,0.039,0.003,0.061v310.236 c0,12.853,10.42,23.272,23.272,23.272h155.03c0.04,0,0.079,0.006,0.119,0.006s0.079-0.006,0.119-0.006H256v-46.545H201.698z M155.153,465.449H46.548V356.847h108.605V465.449z M155.153,310.302H46.548V201.698h108.605V310.302z M155.153,155.153H46.548 V46.545h108.605V155.153z"/> </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
3.63 KB
2.23 KB
-38%
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/189682/display-layout --> <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="356.844" y="356.844" style="fill:#D6E5F6;" width="108.605" height="108.602"/> <rect x="356.844" y="46.545" style="fill:#D6E5F6;" width="108.605" height="108.605"/> </g> <g> <rect x="46.545" y="356.844" style="fill:#9BC9FF;" width="108.605" height="108.602"/> <rect x="201.695" y="356.844" style="fill:#9BC9FF;" width="108.605" height="108.602"/> <rect x="46.545" y="201.695" style="fill:#9BC9FF;" width="108.605" height="108.605"/> </g> <rect x="356.844" y="201.695" style="fill:#D6E5F6;" width="108.605" height="108.605"/> <g> <rect x="201.695" y="201.695" style="fill:#9BC9FF;" width="108.605" height="108.605"/> <rect x="46.545" y="46.545" style="fill:#9BC9FF;" width="108.605" height="108.605"/> <rect x="201.695" y="46.545" style="fill:#9BC9FF;" width="108.605" height="108.605"/> </g> <path style="fill:#8CB7E8;" d="M511.997,23.272C511.997,10.42,501.577,0,488.724,0h-155.15H23.276 C10.423,0,0.003,10.42,0.003,23.272v155.092c0,0.022-0.003,0.039-0.003,0.061c0,0.022,0.003,0.039,0.003,0.061v310.236 c0,12.853,10.42,23.272,23.272,23.272h155.03c0.04,0,0.079,0.006,0.119,0.006c0.04,0,0.079-0.006,0.119-0.006h155.03h155.15 c12.853,0,23.272-10.42,23.272-23.272V333.635c0-0.022,0.003-0.039,0.003-0.06s-0.003-0.039-0.003-0.061V23.272z M155.153,465.449 H46.548V356.847h108.605V465.449z M155.153,310.302H46.548V201.698h108.605V310.302z M155.153,155.153H46.548V46.545h108.605 V155.153z M310.302,465.449H201.698V356.847h108.605V465.449z M310.302,310.302H201.698V201.698h108.605V310.302z M310.302,155.153 H201.698V46.545h108.605V155.153z M465.452,465.449H356.847V356.847h108.605V465.449z M465.452,310.302H356.847V201.698h108.605 V310.302z M465.452,155.153H356.847V46.545h108.605V155.153z"/> <g> <rect x="356.844" y="356.844" style="fill:#BDFDFF;" width="108.605" height="108.602"/> <rect x="356.844" y="46.545" style="fill:#BDFDFF;" width="108.605" height="108.605"/> <rect x="255.997" y="356.844" style="fill:#BDFDFF;" width="54.302" height="108.602"/> <rect x="356.844" y="201.695" style="fill:#BDFDFF;" width="108.605" height="108.605"/> <rect x="255.997" y="201.695" style="fill:#BDFDFF;" width="54.302" height="108.605"/> <rect x="255.997" y="46.545" style="fill:#BDFDFF;" width="54.302" height="108.605"/> </g> <path style="fill:#5286FA;" d="M511.997,333.514V23.272C511.997,10.42,501.577,0,488.724,0h-155.15H256v46.545h54.302v108.608H256 v46.545h54.302v108.605H256v46.545h54.302v108.602H256v46.545h77.575h155.15c12.853,0,23.272-10.42,23.272-23.272V333.635 c0-0.022,0.003-0.039,0.003-0.06S511.997,333.536,511.997,333.514z M465.452,465.449H356.847V356.847h108.605V465.449z M465.452,310.302H356.847V201.698h108.605V310.302z M465.452,155.153H356.847V46.545h108.605V155.153z"/> <path style="fill:#3D6DEB;" d="M201.698,465.449V356.847H256v-46.545h-54.302V201.698H256v-46.545h-54.302V46.545H256V0H23.276 C10.423,0,0.003,10.42,0.003,23.272v155.092c0,0.022-0.003,0.039-0.003,0.061c0,0.022,0.003,0.039,0.003,0.061v310.236 c0,12.853,10.42,23.272,23.272,23.272h155.03c0.04,0,0.079,0.006,0.119,0.006s0.079-0.006,0.119-0.006H256v-46.545H201.698z M155.153,465.449H46.548V356.847h108.605V465.449z M155.153,310.302H46.548V201.698h108.605V310.302z M155.153,155.153H46.548 V46.545h108.605V155.153z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download