SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Save
User Interface 4
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.22 KB
1.29 KB
-42%
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/118227/save --> <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="36.803" y="7.808" style="fill:#D5C9B3;" width="435.359" height="496.389"/> <rect x="223.973" y="7.808" style="fill:#CBBBA0;" width="248.189" height="496.389"/> <rect x="103.881" y="280.016" style="fill:#36A9E1;" width="304.232" height="64.049"/> <rect x="103.881" y="344.065" style="fill:#FFFFFF;" width="304.232" height="160.122"/> <rect x="103.881" y="7.808" style="fill:#5EBAE7;" width="304.232" height="200.153"/> <rect x="255.997" y="7.808" style="fill:#36A9E1;" width="152.116" height="200.153"/> <rect x="288.022" y="39.833" style="fill:#FFFFFF;" width="56.044" height="136.104"/> <g> <path style="fill:#1D1D1B;" d="M351.876,183.747h-71.66V32.024h71.66V183.747z M295.832,168.13h40.427V47.641h-40.427V168.13z"/> <path style="fill:#1D1D1B;" d="M32.024,0v512h447.951V0H32.024z M111.691,15.617h136.5v184.538h-136.5V15.617z M263.809,15.617 h136.5v184.538h-136.5V15.617z M400.309,336.259H111.691v-48.433h288.618V336.259z M111.691,351.876h288.618v144.506H111.691 V351.876z M464.358,496.383h-48.433V272.21H96.074v224.173H47.641V15.617h48.433v200.155h319.852V15.617h48.433v480.767H464.358z" /> <rect x="127.9" y="304.232" style="fill:#1D1D1B;" width="16.013" height="15.617"/> <rect x="159.924" y="304.232" style="fill:#1D1D1B;" width="16.012" height="15.617"/> <rect x="191.949" y="304.232" style="fill:#1D1D1B;" width="16.012" height="15.617"/> <rect x="135.906" y="376.287" style="fill:#1D1D1B;" width="240.183" height="15.617"/> <rect x="135.906" y="416.317" style="fill:#1D1D1B;" width="240.183" height="15.617"/> <rect x="135.906" y="456.348" style="fill:#1D1D1B;" width="240.183" height="15.617"/> <rect x="432.132" y="464.354" style="fill:#1D1D1B;" width="16.012" height="15.617"/> <rect x="63.851" y="464.354" style="fill:#1D1D1B;" width="16.013" height="15.617"/> </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
2.22 KB
1.29 KB
-42%
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/118227/save --> <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="36.803" y="7.808" style="fill:#D5C9B3;" width="435.359" height="496.389"/> <rect x="223.973" y="7.808" style="fill:#CBBBA0;" width="248.189" height="496.389"/> <rect x="103.881" y="280.016" style="fill:#36A9E1;" width="304.232" height="64.049"/> <rect x="103.881" y="344.065" style="fill:#FFFFFF;" width="304.232" height="160.122"/> <rect x="103.881" y="7.808" style="fill:#5EBAE7;" width="304.232" height="200.153"/> <rect x="255.997" y="7.808" style="fill:#36A9E1;" width="152.116" height="200.153"/> <rect x="288.022" y="39.833" style="fill:#FFFFFF;" width="56.044" height="136.104"/> <g> <path style="fill:#1D1D1B;" d="M351.876,183.747h-71.66V32.024h71.66V183.747z M295.832,168.13h40.427V47.641h-40.427V168.13z"/> <path style="fill:#1D1D1B;" d="M32.024,0v512h447.951V0H32.024z M111.691,15.617h136.5v184.538h-136.5V15.617z M263.809,15.617 h136.5v184.538h-136.5V15.617z M400.309,336.259H111.691v-48.433h288.618V336.259z M111.691,351.876h288.618v144.506H111.691 V351.876z M464.358,496.383h-48.433V272.21H96.074v224.173H47.641V15.617h48.433v200.155h319.852V15.617h48.433v480.767H464.358z" /> <rect x="127.9" y="304.232" style="fill:#1D1D1B;" width="16.013" height="15.617"/> <rect x="159.924" y="304.232" style="fill:#1D1D1B;" width="16.012" height="15.617"/> <rect x="191.949" y="304.232" style="fill:#1D1D1B;" width="16.012" height="15.617"/> <rect x="135.906" y="376.287" style="fill:#1D1D1B;" width="240.183" height="15.617"/> <rect x="135.906" y="416.317" style="fill:#1D1D1B;" width="240.183" height="15.617"/> <rect x="135.906" y="456.348" style="fill:#1D1D1B;" width="240.183" height="15.617"/> <rect x="432.132" y="464.354" style="fill:#1D1D1B;" width="16.012" height="15.617"/> <rect x="63.851" y="464.354" style="fill:#1D1D1B;" width="16.013" height="15.617"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download