SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Diagonal Ui
Arrows 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.37 KB
1.7 KB
-28%
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/182824/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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#8AE9FF;" d="M56.94,46.044c25.807,0,46.728,20.921,46.728,46.728v249.492L422.046,23.886 c18.248-18.248,47.834-18.248,66.083,0s18.248,47.834,0,66.083L169.75,408.347h249.492c25.807,0,46.728,20.921,46.728,46.728 c0,25.807-20.922,46.727-46.729,46.727H56.94c-12.903,0-24.585-5.23-33.041-13.686s-13.686-20.137-13.686-33.041V92.772 C10.212,66.965,31.133,46.044,56.94,46.044z"/> <g> <path style="fill:#248A9C;" d="M419.242,512C419.241,512,419.242,512,419.242,512H56.94c-15.206,0-29.502-5.922-40.253-16.674 C5.935,484.574,0.013,470.279,0.013,455.074V92.772c0-31.389,25.537-56.927,56.926-56.927s56.926,25.538,56.926,56.927v224.869 L414.833,16.674C425.585,5.922,439.881,0,455.087,0c15.205,0,29.501,5.922,40.253,16.674c22.195,22.196,22.195,58.31,0,80.506 L194.373,398.147h224.869c31.389,0,56.926,25.538,56.926,56.927c0,15.206-5.922,29.501-16.674,40.253 C448.743,506.078,434.446,512,419.242,512z M56.94,56.244c-20.141,0-36.527,16.386-36.527,36.528v362.302 c0,9.757,3.8,18.931,10.699,25.829c6.898,6.899,16.071,10.698,25.828,10.698h362.302c9.757,0,18.931-3.799,25.828-10.699 c6.9-6.899,10.699-16.072,10.699-25.829c0-20.142-16.386-36.528-36.527-36.528H169.749c-4.126,0-7.844-2.486-9.423-6.296 c-1.578-3.811-0.705-8.198,2.211-11.115L480.916,82.755c14.242-14.242,14.242-37.417,0-51.658 c-6.9-6.9-16.072-10.699-25.828-10.699c-9.758,0-18.931,3.799-25.829,10.699L110.878,349.476c-2.916,2.916-7.304,3.79-11.115,2.21 c-3.81-1.579-6.296-5.297-6.296-9.423V92.772C93.467,72.63,77.081,56.244,56.94,56.244z"/> <path style="fill:#248A9C;" d="M48.458,274.386c-5.632,0-10.199-4.566-10.199-10.199v-5.779c0-5.633,4.567-10.199,10.199-10.199 s10.199,4.566,10.199,10.199v5.779C58.657,269.82,54.091,274.386,48.458,274.386z"/> <path style="fill:#248A9C;" d="M48.458,469.902c-5.632,0-10.199-4.566-10.199-10.199V307.527c0-5.633,4.567-10.199,10.199-10.199 s10.199,4.566,10.199,10.199v152.174C58.657,465.336,54.091,469.902,48.458,469.902z"/> </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.37 KB
1.7 KB
-28%
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/182824/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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#8AE9FF;" d="M56.94,46.044c25.807,0,46.728,20.921,46.728,46.728v249.492L422.046,23.886 c18.248-18.248,47.834-18.248,66.083,0s18.248,47.834,0,66.083L169.75,408.347h249.492c25.807,0,46.728,20.921,46.728,46.728 c0,25.807-20.922,46.727-46.729,46.727H56.94c-12.903,0-24.585-5.23-33.041-13.686s-13.686-20.137-13.686-33.041V92.772 C10.212,66.965,31.133,46.044,56.94,46.044z"/> <g> <path style="fill:#248A9C;" d="M419.242,512C419.241,512,419.242,512,419.242,512H56.94c-15.206,0-29.502-5.922-40.253-16.674 C5.935,484.574,0.013,470.279,0.013,455.074V92.772c0-31.389,25.537-56.927,56.926-56.927s56.926,25.538,56.926,56.927v224.869 L414.833,16.674C425.585,5.922,439.881,0,455.087,0c15.205,0,29.501,5.922,40.253,16.674c22.195,22.196,22.195,58.31,0,80.506 L194.373,398.147h224.869c31.389,0,56.926,25.538,56.926,56.927c0,15.206-5.922,29.501-16.674,40.253 C448.743,506.078,434.446,512,419.242,512z M56.94,56.244c-20.141,0-36.527,16.386-36.527,36.528v362.302 c0,9.757,3.8,18.931,10.699,25.829c6.898,6.899,16.071,10.698,25.828,10.698h362.302c9.757,0,18.931-3.799,25.828-10.699 c6.9-6.899,10.699-16.072,10.699-25.829c0-20.142-16.386-36.528-36.527-36.528H169.749c-4.126,0-7.844-2.486-9.423-6.296 c-1.578-3.811-0.705-8.198,2.211-11.115L480.916,82.755c14.242-14.242,14.242-37.417,0-51.658 c-6.9-6.9-16.072-10.699-25.828-10.699c-9.758,0-18.931,3.799-25.829,10.699L110.878,349.476c-2.916,2.916-7.304,3.79-11.115,2.21 c-3.81-1.579-6.296-5.297-6.296-9.423V92.772C93.467,72.63,77.081,56.244,56.94,56.244z"/> <path style="fill:#248A9C;" d="M48.458,274.386c-5.632,0-10.199-4.566-10.199-10.199v-5.779c0-5.633,4.567-10.199,10.199-10.199 s10.199,4.566,10.199,10.199v5.779C58.657,269.82,54.091,274.386,48.458,274.386z"/> <path style="fill:#248A9C;" d="M48.458,469.902c-5.632,0-10.199-4.566-10.199-10.199V307.527c0-5.633,4.567-10.199,10.199-10.199 s10.199,4.566,10.199,10.199v152.174C58.657,465.336,54.091,469.902,48.458,469.902z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download