SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Diagonal Arrow 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.91 KB
2.13 KB
-27%
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/182868/diagonal-arrow-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="M54.589,339.25c11.842,0,22.985-4.621,31.378-13.014c8.392-8.392,13.014-19.536,13.013-31.377V161.76 l327.061,327.06c17.308,17.308,45.469,17.307,62.778-0.001c17.308-17.308,17.309-45.47,0.001-62.778L161.76,98.981h133.099 c24.477,0,44.389-19.914,44.392-44.39c0-11.858-4.617-23.005-13.002-31.39c-8.385-8.385-19.532-13.002-31.389-13.002H54.591 c-11.857-0.001-23.005,4.616-31.39,13.002S10.198,42.734,10.2,54.591l-0.001,240.268c0,11.858,4.617,23.005,13.002,31.389 C31.586,334.633,42.734,339.251,54.589,339.25z"/> <g> <path style="fill:#248A9C;" d="M457.43,512c-14.595,0-28.304-5.672-38.601-15.968L109.18,186.382v108.476 c0,14.564-5.682,28.27-16.001,38.59c-10.319,10.319-24.022,16-38.587,16c-0.002,0-0.003,0-0.004,0 c-14.58,0.001-28.289-5.678-38.6-15.989C5.678,323.15,0,309.44,0,294.859L0.001,54.591C-0.001,40.01,5.677,26.301,15.989,15.988 C26.299,5.679,40.005,0.001,54.584,0.001c0.004,0,0.006,0,0.009,0L294.861,0c14.581,0,28.29,5.678,38.6,15.988 c10.31,10.311,15.989,24.021,15.989,38.603c-0.003,30.101-24.493,54.588-54.589,54.588c-0.002,0,0,0-0.002,0l-108.476,0.001 l309.65,309.649C506.329,429.126,512,442.835,512,457.43s-5.672,28.304-15.969,38.601C485.734,506.327,472.025,511.999,457.43,512z M98.978,151.561c2.655,0,5.263,1.036,7.215,2.987l327.06,327.06c6.444,6.444,15.031,9.994,24.176,9.994 c9.147,0,17.732-3.549,24.177-9.995c6.445-6.444,9.994-15.031,9.994-24.177s-3.548-17.732-9.993-24.176l-327.06-327.061 c-2.917-2.917-3.789-7.304-2.21-11.115c1.579-3.81,5.297-6.296,9.423-6.296l133.1-0.001c18.852,0.001,34.191-15.338,34.193-34.191 c0-9.131-3.556-17.719-10.016-24.177c-6.458-6.459-15.044-10.015-24.176-10.015l-240.27,0.001c-0.001,0-0.004,0-0.006,0 c-9.132,0-17.715,3.555-24.172,10.014c-6.459,6.458-10.016,15.044-10.014,24.176l-0.001,240.27c0,9.133,3.556,17.72,10.014,24.177 c6.459,6.459,15.045,10.016,24.176,10.015c0-0.001,0.002-0.001,0.005,0c9.116,0,17.696-3.561,24.161-10.027 c6.465-6.466,10.027-15.048,10.027-24.165V161.76c0-4.126,2.486-7.844,6.296-9.423C96.34,151.815,97.666,151.561,98.978,151.561z" /> <path style="fill:#248A9C;" d="M50.685,208.727c-5.633,0-10.199-4.567-10.199-10.199v-3.832c0-5.632,4.566-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v3.832C60.884,204.161,56.318,208.727,50.685,208.727z"/> <path style="fill:#248A9C;" d="M50.685,167.488c-5.633,0-10.199-4.567-10.199-10.199V56.371c0-5.632,4.566-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v100.918C60.884,162.921,56.318,167.488,50.685,167.488z"/> </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.91 KB
2.13 KB
-27%
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/182868/diagonal-arrow-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="M54.589,339.25c11.842,0,22.985-4.621,31.378-13.014c8.392-8.392,13.014-19.536,13.013-31.377V161.76 l327.061,327.06c17.308,17.308,45.469,17.307,62.778-0.001c17.308-17.308,17.309-45.47,0.001-62.778L161.76,98.981h133.099 c24.477,0,44.389-19.914,44.392-44.39c0-11.858-4.617-23.005-13.002-31.39c-8.385-8.385-19.532-13.002-31.389-13.002H54.591 c-11.857-0.001-23.005,4.616-31.39,13.002S10.198,42.734,10.2,54.591l-0.001,240.268c0,11.858,4.617,23.005,13.002,31.389 C31.586,334.633,42.734,339.251,54.589,339.25z"/> <g> <path style="fill:#248A9C;" d="M457.43,512c-14.595,0-28.304-5.672-38.601-15.968L109.18,186.382v108.476 c0,14.564-5.682,28.27-16.001,38.59c-10.319,10.319-24.022,16-38.587,16c-0.002,0-0.003,0-0.004,0 c-14.58,0.001-28.289-5.678-38.6-15.989C5.678,323.15,0,309.44,0,294.859L0.001,54.591C-0.001,40.01,5.677,26.301,15.989,15.988 C26.299,5.679,40.005,0.001,54.584,0.001c0.004,0,0.006,0,0.009,0L294.861,0c14.581,0,28.29,5.678,38.6,15.988 c10.31,10.311,15.989,24.021,15.989,38.603c-0.003,30.101-24.493,54.588-54.589,54.588c-0.002,0,0,0-0.002,0l-108.476,0.001 l309.65,309.649C506.329,429.126,512,442.835,512,457.43s-5.672,28.304-15.969,38.601C485.734,506.327,472.025,511.999,457.43,512z M98.978,151.561c2.655,0,5.263,1.036,7.215,2.987l327.06,327.06c6.444,6.444,15.031,9.994,24.176,9.994 c9.147,0,17.732-3.549,24.177-9.995c6.445-6.444,9.994-15.031,9.994-24.177s-3.548-17.732-9.993-24.176l-327.06-327.061 c-2.917-2.917-3.789-7.304-2.21-11.115c1.579-3.81,5.297-6.296,9.423-6.296l133.1-0.001c18.852,0.001,34.191-15.338,34.193-34.191 c0-9.131-3.556-17.719-10.016-24.177c-6.458-6.459-15.044-10.015-24.176-10.015l-240.27,0.001c-0.001,0-0.004,0-0.006,0 c-9.132,0-17.715,3.555-24.172,10.014c-6.459,6.458-10.016,15.044-10.014,24.176l-0.001,240.27c0,9.133,3.556,17.72,10.014,24.177 c6.459,6.459,15.045,10.016,24.176,10.015c0-0.001,0.002-0.001,0.005,0c9.116,0,17.696-3.561,24.161-10.027 c6.465-6.466,10.027-15.048,10.027-24.165V161.76c0-4.126,2.486-7.844,6.296-9.423C96.34,151.815,97.666,151.561,98.978,151.561z" /> <path style="fill:#248A9C;" d="M50.685,208.727c-5.633,0-10.199-4.567-10.199-10.199v-3.832c0-5.632,4.566-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v3.832C60.884,204.161,56.318,208.727,50.685,208.727z"/> <path style="fill:#248A9C;" d="M50.685,167.488c-5.633,0-10.199-4.567-10.199-10.199V56.371c0-5.632,4.566-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v100.918C60.884,162.921,56.318,167.488,50.685,167.488z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download