SVG
Viewer
Dark mode
Light mode
Hide sidebar
Display Layout
Setting And Display
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.93 KB
1009 bytes
-49%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/195798/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"> <rect x="256" y="303.505" style="fill:#D9DADB;" width="248.082" height="200.577"/> <rect x="7.918" y="303.505" style="fill:#00ABD5;" width="248.082" height="200.577"/> <polygon style="fill:#FFD311;" points="504.082,155.711 504.082,303.505 256,303.505 7.918,303.505 7.918,155.711 "/> <rect x="7.918" y="7.918" style="fill:#D9DADB;" width="496.165" height="147.794"/> <rect x="7.918" y="303.505" style="fill:#00A0D3;" width="131.959" height="200.577"/> <rect x="7.918" y="155.711" style="fill:#FDB51E;" width="248.082" height="147.794"/> <g> <rect x="7.918" y="7.918" style="fill:#C0C5C6;" width="248.082" height="147.794"/> <rect x="256.148" y="303.505" style="fill:#C0C5C6;" width="137.089" height="200.577"/> </g> <path d="M0,0v512h512V0H0z M496.165,15.835v131.959H15.835V15.835H496.165z M15.835,295.588V163.629h480.33v131.959H15.835z M15.835,311.423h232.247v184.742H15.835V311.423z M263.918,496.165V311.423h232.247v184.742H263.918z"/> <g> <polygon style="fill:#FFFFFF;" points="58.062,377.402 42.227,377.402 42.227,337.814 81.814,337.814 81.814,353.65 58.062,353.65 "/> <polygon style="fill:#FFFFFF;" points="58.062,229.608 42.227,229.608 42.227,190.021 81.814,190.021 81.814,205.856 58.062,205.856 "/> <polygon style="fill:#FFFFFF;" points="58.062,81.814 42.227,81.814 42.227,42.227 234.887,42.227 234.887,58.062 58.062,58.062 "/> <polygon style="fill:#FFFFFF;" points="306.144,377.402 290.309,377.402 290.309,337.814 329.897,337.814 329.897,353.65 306.144,353.65 "/> </g> </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
1.93 KB
1009 bytes
-49%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/195798/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"> <rect x="256" y="303.505" style="fill:#D9DADB;" width="248.082" height="200.577"/> <rect x="7.918" y="303.505" style="fill:#00ABD5;" width="248.082" height="200.577"/> <polygon style="fill:#FFD311;" points="504.082,155.711 504.082,303.505 256,303.505 7.918,303.505 7.918,155.711 "/> <rect x="7.918" y="7.918" style="fill:#D9DADB;" width="496.165" height="147.794"/> <rect x="7.918" y="303.505" style="fill:#00A0D3;" width="131.959" height="200.577"/> <rect x="7.918" y="155.711" style="fill:#FDB51E;" width="248.082" height="147.794"/> <g> <rect x="7.918" y="7.918" style="fill:#C0C5C6;" width="248.082" height="147.794"/> <rect x="256.148" y="303.505" style="fill:#C0C5C6;" width="137.089" height="200.577"/> </g> <path d="M0,0v512h512V0H0z M496.165,15.835v131.959H15.835V15.835H496.165z M15.835,295.588V163.629h480.33v131.959H15.835z M15.835,311.423h232.247v184.742H15.835V311.423z M263.918,496.165V311.423h232.247v184.742H263.918z"/> <g> <polygon style="fill:#FFFFFF;" points="58.062,377.402 42.227,377.402 42.227,337.814 81.814,337.814 81.814,353.65 58.062,353.65 "/> <polygon style="fill:#FFFFFF;" points="58.062,229.608 42.227,229.608 42.227,190.021 81.814,190.021 81.814,205.856 58.062,205.856 "/> <polygon style="fill:#FFFFFF;" points="58.062,81.814 42.227,81.814 42.227,42.227 234.887,42.227 234.887,58.062 58.062,58.062 "/> <polygon style="fill:#FFFFFF;" points="306.144,377.402 290.309,377.402 290.309,337.814 329.897,337.814 329.897,353.65 306.144,353.65 "/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download