SVG
Viewer
Dark mode
Light mode
Hide sidebar
Diagonal Ui
Arrows 8
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
1.36 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/199448/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.997 511.997" style="enable-background:new 0 0 511.997 511.997;" xml:space="preserve"> <path style="fill:#507C5C;" d="M16.381,509.83C7.334,509.83,0,502.497,0,493.449V175.921c0-26.94,21.916-48.858,48.856-48.858 H174.43c9.047,0,16.381,7.334,16.381,16.381s-7.334,16.381-16.381,16.381H48.856c-8.874,0-16.094,7.221-16.094,16.096v317.528 C32.762,502.497,25.428,509.83,16.381,509.83z"/> <path style="fill:#CFF09E;" d="M355.098,235.671l-98.784-96.12V33.123c0-12.933,15.613-19.434,24.793-10.325l214.513,212.873 L281.106,448.542c-9.18,9.109-24.793,2.608-24.793-10.325V331.792L355.098,235.671z"/> <g> <path style="fill:#507C5C;" d="M507.158,224.044L292.643,11.171c-5.85-5.805-13.55-9.005-21.68-9.005 c-17.11,0-31.031,13.888-31.031,30.955v106.427c0,4.423,1.787,8.657,4.957,11.74l86.718,84.38l-77.947,75.846h-80.632 c-17.847,0-32.366,14.52-32.366,32.366v149.567c0,9.047,7.334,16.381,16.381,16.381c9.047,0,16.381-7.334,16.381-16.381v-149.17 h66.507v93.94c0,17.069,13.921,30.957,31.031,30.957c8.13,0,15.831-3.198,21.68-9.005l214.513-212.873 c3.099-3.075,4.842-7.262,4.842-11.627S510.255,227.119,507.158,224.044z M272.695,433.813v-95.103l93.827-91.298 c3.17-3.083,4.957-7.317,4.957-11.74s-1.789-8.657-4.957-11.74l-93.827-91.298V37.53l199.668,198.141L272.695,433.813z"/> <path style="fill:#507C5C;" d="M86.397,453.576c-9.047,0-16.381-7.334-16.381-16.381V253.689c0-18.968,15.431-34.398,34.398-34.398 H265.78c9.046,0,16.381,7.334,16.381,16.381s-7.335,16.381-16.381,16.381H104.414c-0.903,0-1.636,0.734-1.636,1.636v183.507 C102.778,446.243,95.444,453.576,86.397,453.576z"/> </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
1.36 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/199448/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.997 511.997" style="enable-background:new 0 0 511.997 511.997;" xml:space="preserve"> <path style="fill:#507C5C;" d="M16.381,509.83C7.334,509.83,0,502.497,0,493.449V175.921c0-26.94,21.916-48.858,48.856-48.858 H174.43c9.047,0,16.381,7.334,16.381,16.381s-7.334,16.381-16.381,16.381H48.856c-8.874,0-16.094,7.221-16.094,16.096v317.528 C32.762,502.497,25.428,509.83,16.381,509.83z"/> <path style="fill:#CFF09E;" d="M355.098,235.671l-98.784-96.12V33.123c0-12.933,15.613-19.434,24.793-10.325l214.513,212.873 L281.106,448.542c-9.18,9.109-24.793,2.608-24.793-10.325V331.792L355.098,235.671z"/> <g> <path style="fill:#507C5C;" d="M507.158,224.044L292.643,11.171c-5.85-5.805-13.55-9.005-21.68-9.005 c-17.11,0-31.031,13.888-31.031,30.955v106.427c0,4.423,1.787,8.657,4.957,11.74l86.718,84.38l-77.947,75.846h-80.632 c-17.847,0-32.366,14.52-32.366,32.366v149.567c0,9.047,7.334,16.381,16.381,16.381c9.047,0,16.381-7.334,16.381-16.381v-149.17 h66.507v93.94c0,17.069,13.921,30.957,31.031,30.957c8.13,0,15.831-3.198,21.68-9.005l214.513-212.873 c3.099-3.075,4.842-7.262,4.842-11.627S510.255,227.119,507.158,224.044z M272.695,433.813v-95.103l93.827-91.298 c3.17-3.083,4.957-7.317,4.957-11.74s-1.789-8.657-4.957-11.74l-93.827-91.298V37.53l199.668,198.141L272.695,433.813z"/> <path style="fill:#507C5C;" d="M86.397,453.576c-9.047,0-16.381-7.334-16.381-16.381V253.689c0-18.968,15.431-34.398,34.398-34.398 H265.78c9.046,0,16.381,7.334,16.381,16.381s-7.335,16.381-16.381,16.381H104.414c-0.903,0-1.636,0.734-1.636,1.636v183.507 C102.778,446.243,95.444,453.576,86.397,453.576z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download