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.47 KB
1.84 KB
-25%
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/182825/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="M46.044,455.073c0-25.807,20.921-46.728,46.728-46.728h249.492L23.886,89.968 c-18.248-18.248-18.248-47.834,0-66.083s47.834-18.248,66.083,0l318.378,318.378V92.772c0-25.807,20.921-46.728,46.728-46.728 c25.807,0,46.727,20.921,46.727,46.728v362.302c0,12.903-5.23,24.585-13.686,33.041s-20.137,13.685-33.041,13.685H92.772 C66.965,501.801,46.044,480.88,46.044,455.073z"/> <g> <path style="fill:#248A9C;" d="M455.074,512H92.772c-15.206,0-29.501-5.921-40.253-16.673s-16.674-25.048-16.674-40.253 c0-31.389,25.538-56.927,56.927-56.927h224.869L16.674,97.18C5.922,86.428,0,72.133,0,56.926c0-15.205,5.922-29.5,16.674-40.252 S41.721,0,56.926,0C72.133,0,86.428,5.922,97.18,16.674l300.967,300.967V92.772c0-31.389,25.538-56.927,56.927-56.927 c15.206,0,29.501,5.922,40.253,16.674S512,77.566,512,92.772v362.302c0,15.205-5.922,29.501-16.673,40.253 C484.574,506.078,470.279,512,455.074,512z M92.772,418.546c-20.142,0-36.528,16.386-36.528,36.528 c0,9.757,3.8,18.93,10.699,25.829c6.899,6.899,16.073,10.698,25.829,10.698h362.302c9.757,0,18.93-3.799,25.829-10.699 c6.899-6.9,10.698-16.072,10.698-25.829V92.772c0-9.757-3.799-18.931-10.699-25.829c-6.9-6.899-16.072-10.699-25.829-10.699 c-20.142,0-36.528,16.386-36.528,36.528v249.492c0,4.125-2.486,7.844-6.296,9.423c-3.811,1.577-8.197,0.706-11.115-2.21 L82.756,31.097c-6.9-6.9-16.073-10.699-25.831-10.699c-9.757,0-18.93,3.799-25.828,10.699c-6.9,6.899-10.699,16.073-10.699,25.828 c0,9.757,3.799,18.931,10.699,25.829l318.379,318.378c2.917,2.917,3.789,7.304,2.21,11.115c-1.579,3.811-5.297,6.296-9.423,6.296 H92.772V418.546z"/> <path style="fill:#248A9C;" d="M264.187,473.754h-5.779c-5.633,0-10.199-4.566-10.199-10.199c0-5.633,4.566-10.199,10.199-10.199 h5.779c5.633,0,10.199,4.566,10.199,10.199C274.386,469.188,269.82,473.754,264.187,473.754z"/> <path style="fill:#248A9C;" d="M459.703,473.754H307.527c-5.633,0-10.199-4.566-10.199-10.199c0-5.633,4.566-10.199,10.199-10.199 h152.174c5.633,0,10.199,4.566,10.199,10.199C469.901,469.188,465.336,473.754,459.703,473.754z"/> </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.47 KB
1.84 KB
-25%
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/182825/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="M46.044,455.073c0-25.807,20.921-46.728,46.728-46.728h249.492L23.886,89.968 c-18.248-18.248-18.248-47.834,0-66.083s47.834-18.248,66.083,0l318.378,318.378V92.772c0-25.807,20.921-46.728,46.728-46.728 c25.807,0,46.727,20.921,46.727,46.728v362.302c0,12.903-5.23,24.585-13.686,33.041s-20.137,13.685-33.041,13.685H92.772 C66.965,501.801,46.044,480.88,46.044,455.073z"/> <g> <path style="fill:#248A9C;" d="M455.074,512H92.772c-15.206,0-29.501-5.921-40.253-16.673s-16.674-25.048-16.674-40.253 c0-31.389,25.538-56.927,56.927-56.927h224.869L16.674,97.18C5.922,86.428,0,72.133,0,56.926c0-15.205,5.922-29.5,16.674-40.252 S41.721,0,56.926,0C72.133,0,86.428,5.922,97.18,16.674l300.967,300.967V92.772c0-31.389,25.538-56.927,56.927-56.927 c15.206,0,29.501,5.922,40.253,16.674S512,77.566,512,92.772v362.302c0,15.205-5.922,29.501-16.673,40.253 C484.574,506.078,470.279,512,455.074,512z M92.772,418.546c-20.142,0-36.528,16.386-36.528,36.528 c0,9.757,3.8,18.93,10.699,25.829c6.899,6.899,16.073,10.698,25.829,10.698h362.302c9.757,0,18.93-3.799,25.829-10.699 c6.899-6.9,10.698-16.072,10.698-25.829V92.772c0-9.757-3.799-18.931-10.699-25.829c-6.9-6.899-16.072-10.699-25.829-10.699 c-20.142,0-36.528,16.386-36.528,36.528v249.492c0,4.125-2.486,7.844-6.296,9.423c-3.811,1.577-8.197,0.706-11.115-2.21 L82.756,31.097c-6.9-6.9-16.073-10.699-25.831-10.699c-9.757,0-18.93,3.799-25.828,10.699c-6.9,6.899-10.699,16.073-10.699,25.828 c0,9.757,3.799,18.931,10.699,25.829l318.379,318.378c2.917,2.917,3.789,7.304,2.21,11.115c-1.579,3.811-5.297,6.296-9.423,6.296 H92.772V418.546z"/> <path style="fill:#248A9C;" d="M264.187,473.754h-5.779c-5.633,0-10.199-4.566-10.199-10.199c0-5.633,4.566-10.199,10.199-10.199 h5.779c5.633,0,10.199,4.566,10.199,10.199C274.386,469.188,269.82,473.754,264.187,473.754z"/> <path style="fill:#248A9C;" d="M459.703,473.754H307.527c-5.633,0-10.199-4.566-10.199-10.199c0-5.633,4.566-10.199,10.199-10.199 h152.174c5.633,0,10.199,4.566,10.199,10.199C469.901,469.188,465.336,473.754,459.703,473.754z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download