SVG
Viewer
Dark mode
Light mode
Hide sidebar
Diagonal Ui
Arrows 7
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.94 KB
1.37 KB
-29%
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/199352/diagonal-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 511.998 511.998" style="enable-background:new 0 0 511.998 511.998;" xml:space="preserve"> <path style="fill:#2D527C;" d="M463.142,384.935H337.568c-9.046,0-16.381-7.334-16.381-16.381c0-9.047,7.335-16.381,16.381-16.381 h125.574c8.875,0,16.094-7.221,16.094-16.096V18.549c0-9.047,7.335-16.381,16.381-16.381c9.046,0,16.381,7.334,16.381,16.381 v317.528C512,363.017,490.082,384.935,463.142,384.935z"/> <path style="fill:#CEE8FA;" d="M156.901,276.327l98.786,96.12v106.426c0,12.933-15.613,19.434-24.793,10.325L16.381,276.327 L230.894,63.454c9.18-9.109,24.793-2.608,24.793,10.325v106.426L156.901,276.327z"/> <g> <path style="fill:#2D527C;" d="M354.955,2.168c-9.046,0-16.381,7.334-16.381,16.381v149.17h-66.507V73.781 c0-17.069-13.921-30.957-31.031-30.957c-8.13,0-15.831,3.198-21.68,9.005L4.842,264.7C1.743,267.775,0,271.96,0,276.327 s1.743,8.553,4.842,11.627l214.513,212.871c5.85,5.805,13.55,9.005,21.68,9.005c17.11,0,31.031-13.888,31.031-30.955V372.448 c0-4.423-1.789-8.657-4.957-11.74l-86.718-84.38l77.947-75.846h80.632c17.847,0,32.366-14.52,32.366-32.366V18.549 C371.336,9.502,364.001,2.168,354.955,2.168z M145.478,288.067l93.827,91.296v95.105L39.635,276.327l199.67-198.141v95.103 l-93.827,91.298c-3.17,3.085-4.957,7.317-4.957,11.74C140.521,280.75,142.308,284.985,145.478,288.067z"/> <path style="fill:#2D527C;" d="M407.584,292.708H246.218c-9.046,0-16.381-7.334-16.381-16.381s7.335-16.381,16.381-16.381h161.366 c0.903,0,1.636-0.734,1.636-1.636V74.803c0-9.047,7.335-16.381,16.381-16.381s16.381,7.334,16.381,16.381V258.31 C441.983,277.277,426.553,292.708,407.584,292.708z"/> </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.94 KB
1.37 KB
-29%
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/199352/diagonal-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 511.998 511.998" style="enable-background:new 0 0 511.998 511.998;" xml:space="preserve"> <path style="fill:#2D527C;" d="M463.142,384.935H337.568c-9.046,0-16.381-7.334-16.381-16.381c0-9.047,7.335-16.381,16.381-16.381 h125.574c8.875,0,16.094-7.221,16.094-16.096V18.549c0-9.047,7.335-16.381,16.381-16.381c9.046,0,16.381,7.334,16.381,16.381 v317.528C512,363.017,490.082,384.935,463.142,384.935z"/> <path style="fill:#CEE8FA;" d="M156.901,276.327l98.786,96.12v106.426c0,12.933-15.613,19.434-24.793,10.325L16.381,276.327 L230.894,63.454c9.18-9.109,24.793-2.608,24.793,10.325v106.426L156.901,276.327z"/> <g> <path style="fill:#2D527C;" d="M354.955,2.168c-9.046,0-16.381,7.334-16.381,16.381v149.17h-66.507V73.781 c0-17.069-13.921-30.957-31.031-30.957c-8.13,0-15.831,3.198-21.68,9.005L4.842,264.7C1.743,267.775,0,271.96,0,276.327 s1.743,8.553,4.842,11.627l214.513,212.871c5.85,5.805,13.55,9.005,21.68,9.005c17.11,0,31.031-13.888,31.031-30.955V372.448 c0-4.423-1.789-8.657-4.957-11.74l-86.718-84.38l77.947-75.846h80.632c17.847,0,32.366-14.52,32.366-32.366V18.549 C371.336,9.502,364.001,2.168,354.955,2.168z M145.478,288.067l93.827,91.296v95.105L39.635,276.327l199.67-198.141v95.103 l-93.827,91.298c-3.17,3.085-4.957,7.317-4.957,11.74C140.521,280.75,142.308,284.985,145.478,288.067z"/> <path style="fill:#2D527C;" d="M407.584,292.708H246.218c-9.046,0-16.381-7.334-16.381-16.381s7.335-16.381,16.381-16.381h161.366 c0.903,0,1.636-0.734,1.636-1.636V74.803c0-9.047,7.335-16.381,16.381-16.381s16.381,7.334,16.381,16.381V258.31 C441.983,277.277,426.553,292.708,407.584,292.708z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download