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.45 KB
1.82 KB
-26%
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/182823/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="M465.956,56.927c0,25.807-20.921,46.728-46.728,46.728H169.736l318.378,318.378 c18.248,18.248,18.248,47.834,0,66.083s-47.834,18.248-66.083,0L103.653,169.737v249.491c0,25.807-20.921,46.728-46.728,46.728 s-46.727-20.921-46.727-46.728V56.927c0-12.903,5.23-24.585,13.686-33.041s20.137-13.686,33.041-13.686h362.301 C445.035,10.199,465.956,31.12,465.956,56.927z"/> <g> <path style="fill:#248A9C;" d="M455.074,512c-15.206,0-29.501-5.922-40.253-16.674L113.853,194.359v224.869 c0,31.389-25.538,56.927-56.927,56.927c-15.206,0-29.501-5.922-40.253-16.674S0,434.434,0,419.228V56.926 c0-15.205,5.922-29.5,16.673-40.252C27.426,5.922,41.721,0,56.926,0h362.302c15.206,0,29.501,5.921,40.253,16.673 s16.674,25.048,16.674,40.253c0,31.389-25.538,56.927-56.927,56.927H194.359L495.326,414.82 C506.078,425.572,512,439.867,512,455.074c0,15.206-5.922,29.501-16.674,40.253C484.574,506.078,470.279,512,455.074,512z M103.651,159.536c2.655,0,5.263,1.036,7.214,2.987l318.378,318.378c6.9,6.9,16.073,10.699,25.829,10.699 s18.93-3.799,25.828-10.699c6.9-6.9,10.699-16.073,10.699-25.829c0-9.757-3.799-18.931-10.699-25.829L162.524,110.866 c-2.917-2.917-3.789-7.304-2.21-11.115c1.579-3.811,5.297-6.296,9.423-6.296h249.491c20.142,0,36.528-16.386,36.528-36.528 c0-9.757-3.8-18.93-10.699-25.829c-6.899-6.9-16.073-10.699-25.829-10.699H56.926c-9.757,0-18.93,3.799-25.829,10.699 c-6.899,6.899-10.698,16.072-10.698,25.828v362.302c0,9.757,3.799,18.931,10.699,25.829s16.072,10.699,25.829,10.699 c20.142,0,36.528-16.386,36.528-36.528V169.736c0-4.125,2.486-7.844,6.296-9.423C101.013,159.791,102.338,159.536,103.651,159.536z "/> <path style="fill:#248A9C;" d="M253.592,58.644h-5.779c-5.633,0-10.199-4.566-10.199-10.199s4.566-10.199,10.199-10.199h5.779 c5.633,0,10.199,4.566,10.199,10.199S259.225,58.644,253.592,58.644z"/> <path style="fill:#248A9C;" d="M204.473,58.644H52.297c-5.633,0-10.199-4.566-10.199-10.199s4.566-10.199,10.199-10.199h152.174 c5.633,0,10.199,4.566,10.199,10.199S210.105,58.644,204.473,58.644z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.45 KB
1.82 KB
-26%
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/182823/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="M465.956,56.927c0,25.807-20.921,46.728-46.728,46.728H169.736l318.378,318.378 c18.248,18.248,18.248,47.834,0,66.083s-47.834,18.248-66.083,0L103.653,169.737v249.491c0,25.807-20.921,46.728-46.728,46.728 s-46.727-20.921-46.727-46.728V56.927c0-12.903,5.23-24.585,13.686-33.041s20.137-13.686,33.041-13.686h362.301 C445.035,10.199,465.956,31.12,465.956,56.927z"/> <g> <path style="fill:#248A9C;" d="M455.074,512c-15.206,0-29.501-5.922-40.253-16.674L113.853,194.359v224.869 c0,31.389-25.538,56.927-56.927,56.927c-15.206,0-29.501-5.922-40.253-16.674S0,434.434,0,419.228V56.926 c0-15.205,5.922-29.5,16.673-40.252C27.426,5.922,41.721,0,56.926,0h362.302c15.206,0,29.501,5.921,40.253,16.673 s16.674,25.048,16.674,40.253c0,31.389-25.538,56.927-56.927,56.927H194.359L495.326,414.82 C506.078,425.572,512,439.867,512,455.074c0,15.206-5.922,29.501-16.674,40.253C484.574,506.078,470.279,512,455.074,512z M103.651,159.536c2.655,0,5.263,1.036,7.214,2.987l318.378,318.378c6.9,6.9,16.073,10.699,25.829,10.699 s18.93-3.799,25.828-10.699c6.9-6.9,10.699-16.073,10.699-25.829c0-9.757-3.799-18.931-10.699-25.829L162.524,110.866 c-2.917-2.917-3.789-7.304-2.21-11.115c1.579-3.811,5.297-6.296,9.423-6.296h249.491c20.142,0,36.528-16.386,36.528-36.528 c0-9.757-3.8-18.93-10.699-25.829c-6.899-6.9-16.073-10.699-25.829-10.699H56.926c-9.757,0-18.93,3.799-25.829,10.699 c-6.899,6.899-10.698,16.072-10.698,25.828v362.302c0,9.757,3.799,18.931,10.699,25.829s16.072,10.699,25.829,10.699 c20.142,0,36.528-16.386,36.528-36.528V169.736c0-4.125,2.486-7.844,6.296-9.423C101.013,159.791,102.338,159.536,103.651,159.536z "/> <path style="fill:#248A9C;" d="M253.592,58.644h-5.779c-5.633,0-10.199-4.566-10.199-10.199s4.566-10.199,10.199-10.199h5.779 c5.633,0,10.199,4.566,10.199,10.199S259.225,58.644,253.592,58.644z"/> <path style="fill:#248A9C;" d="M204.473,58.644H52.297c-5.633,0-10.199-4.566-10.199-10.199s4.566-10.199,10.199-10.199h152.174 c5.633,0,10.199,4.566,10.199,10.199S210.105,58.644,204.473,58.644z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG