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.42 KB
1.73 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/182836/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="M455.073,465.956c-25.807,0-46.728-20.921-46.728-46.728V169.736L89.967,488.115 c-18.248,18.248-47.834,18.248-66.083,0s-18.248-47.834,0-66.083l318.378-318.378H92.772c-25.807,0-46.728-20.921-46.728-46.728 s20.921-46.727,46.728-46.727h362.302c12.903,0,24.585,5.23,33.041,13.686s13.685,20.137,13.685,33.041v362.301 C501.801,445.035,480.88,465.956,455.073,465.956z"/> <g> <path style="fill:#248A9C;" d="M56.926,512c-15.206,0-29.501-5.922-40.253-16.674C5.922,484.574,0,470.279,0,455.074 c0-15.206,5.922-29.501,16.674-40.253L317.64,113.854H92.772c-31.389,0-56.927-25.538-56.927-56.927 c0-15.206,5.922-29.501,16.674-40.253S77.567,0,92.771,0c0.001,0,0,0,0.001,0h362.302c15.206,0,29.502,5.922,40.253,16.674 C506.078,27.426,512,41.721,512,56.926v362.302c0,31.389-25.537,56.927-56.926,56.927s-56.926-25.538-56.926-56.927V194.359 L97.18,495.326C86.428,506.078,72.133,512,56.926,512z M92.772,20.398c-9.757,0-18.931,3.799-25.829,10.699 c-6.899,6.9-10.699,16.072-10.699,25.829c0,20.142,16.386,36.528,36.528,36.528h249.492c4.126,0,7.844,2.486,9.423,6.296 c1.578,3.811,0.705,8.198-2.211,11.115L31.097,429.244c-6.9,6.9-10.699,16.073-10.699,25.831c0,9.757,3.799,18.93,10.699,25.828 c6.899,6.9,16.073,10.699,25.828,10.699c9.757,0,18.931-3.799,25.829-10.699l318.379-318.378c2.917-2.916,7.305-3.79,11.115-2.21 c3.81,1.579,6.296,5.297,6.296,9.423v249.491c0,20.142,16.386,36.528,36.527,36.528c20.141,0,36.528-16.386,36.528-36.528V56.926 c0-9.757-3.8-18.931-10.699-25.829c-6.899-6.899-16.072-10.698-25.828-10.698H92.772z"/> <path style="fill:#248A9C;" d="M463.555,263.791c-5.632,0-10.199-4.566-10.199-10.199v-5.779c0-5.633,4.567-10.199,10.199-10.199 c5.632,0,10.199,4.566,10.199,10.199v5.779C473.754,259.225,469.187,263.791,463.555,263.791z"/> <path style="fill:#248A9C;" d="M463.555,214.672c-5.632,0-10.199-4.566-10.199-10.199V52.297c0-5.633,4.567-10.199,10.199-10.199 c5.632,0,10.199,4.566,10.199,10.199v152.174C473.754,210.105,469.187,214.672,463.555,214.672z"/> </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.42 KB
1.73 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/182836/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="M455.073,465.956c-25.807,0-46.728-20.921-46.728-46.728V169.736L89.967,488.115 c-18.248,18.248-47.834,18.248-66.083,0s-18.248-47.834,0-66.083l318.378-318.378H92.772c-25.807,0-46.728-20.921-46.728-46.728 s20.921-46.727,46.728-46.727h362.302c12.903,0,24.585,5.23,33.041,13.686s13.685,20.137,13.685,33.041v362.301 C501.801,445.035,480.88,465.956,455.073,465.956z"/> <g> <path style="fill:#248A9C;" d="M56.926,512c-15.206,0-29.501-5.922-40.253-16.674C5.922,484.574,0,470.279,0,455.074 c0-15.206,5.922-29.501,16.674-40.253L317.64,113.854H92.772c-31.389,0-56.927-25.538-56.927-56.927 c0-15.206,5.922-29.501,16.674-40.253S77.567,0,92.771,0c0.001,0,0,0,0.001,0h362.302c15.206,0,29.502,5.922,40.253,16.674 C506.078,27.426,512,41.721,512,56.926v362.302c0,31.389-25.537,56.927-56.926,56.927s-56.926-25.538-56.926-56.927V194.359 L97.18,495.326C86.428,506.078,72.133,512,56.926,512z M92.772,20.398c-9.757,0-18.931,3.799-25.829,10.699 c-6.899,6.9-10.699,16.072-10.699,25.829c0,20.142,16.386,36.528,36.528,36.528h249.492c4.126,0,7.844,2.486,9.423,6.296 c1.578,3.811,0.705,8.198-2.211,11.115L31.097,429.244c-6.9,6.9-10.699,16.073-10.699,25.831c0,9.757,3.799,18.93,10.699,25.828 c6.899,6.9,16.073,10.699,25.828,10.699c9.757,0,18.931-3.799,25.829-10.699l318.379-318.378c2.917-2.916,7.305-3.79,11.115-2.21 c3.81,1.579,6.296,5.297,6.296,9.423v249.491c0,20.142,16.386,36.528,36.527,36.528c20.141,0,36.528-16.386,36.528-36.528V56.926 c0-9.757-3.8-18.931-10.699-25.829c-6.899-6.899-16.072-10.698-25.828-10.698H92.772z"/> <path style="fill:#248A9C;" d="M463.555,263.791c-5.632,0-10.199-4.566-10.199-10.199v-5.779c0-5.633,4.567-10.199,10.199-10.199 c5.632,0,10.199,4.566,10.199,10.199v5.779C473.754,259.225,469.187,263.791,463.555,263.791z"/> <path style="fill:#248A9C;" d="M463.555,214.672c-5.632,0-10.199-4.566-10.199-10.199V52.297c0-5.633,4.567-10.199,10.199-10.199 c5.632,0,10.199,4.566,10.199,10.199v152.174C473.754,210.105,469.187,214.672,463.555,214.672z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download