SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Diagonal Arrow
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.32 KB
1.73 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/182850/diagonal-arrow --> <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:#FFF173;" d="M69.699,186.479l94.622,94.622l257.13-257.13c18.381-18.381,48.182-18.381,66.563,0 s18.381,48.182,0,66.563l-257.13,257.13l94.622,94.622c13.612,13.612,13.612,35.68,0,49.292 c-6.537,6.537-15.402,10.208-24.645,10.208H45.054c-9.625,0-18.338-3.901-24.646-10.208c-6.307-6.307-10.208-15.02-10.208-24.645 V211.125c0-9.244,3.672-18.109,10.208-24.645C34.019,172.868,56.087,172.868,69.699,186.479z"/> <g> <path style="fill:#248A9C;" d="M300.861,511.986H45.054c-12.034,0-23.348-4.687-31.857-13.196C4.687,490.28,0,478.966,0,466.933 V211.125c0-12.033,4.687-23.347,13.196-31.856c8.51-8.51,19.824-13.196,31.858-13.196s23.348,4.687,31.857,13.196l87.411,87.41 L414.24,16.759c22.33-22.328,58.66-22.326,80.987,0C506.043,27.575,512,41.957,512,57.253c0,15.296-5.957,29.678-16.773,40.493 L245.309,347.664l87.41,87.41c17.566,17.567,17.566,46.149,0,63.716C324.208,507.3,312.894,511.986,300.861,511.986z M45.054,186.47c-6.586,0-12.778,2.564-17.434,7.221c-4.657,4.657-7.222,10.849-7.222,17.433v255.808 c0,6.586,2.565,12.778,7.222,17.435c4.656,4.656,10.848,7.221,17.434,7.221h255.808c6.585,0,12.777-2.565,17.435-7.221 c9.613-9.613,9.613-25.255-0.001-34.868l-94.622-94.622c-3.983-3.983-3.983-10.441,0-14.425L480.803,83.322 c6.964-6.963,10.799-16.221,10.799-26.068c0-9.848-3.835-19.106-10.799-26.07c-14.374-14.374-37.763-14.375-52.138,0 L171.533,288.314c-3.982,3.982-10.441,3.982-14.424,0l-94.622-94.622C57.831,189.034,51.639,186.47,45.054,186.47z"/> <path style="fill:#248A9C;" d="M46.816,314.756c-5.633,0-10.199-4.567-10.199-10.199v-4.311c0-5.632,4.566-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v4.311C57.016,310.19,52.449,314.756,46.816,314.756z"/> <path style="fill:#248A9C;" d="M46.974,472.076c-5.633,0-10.199-4.567-10.199-10.199V348.368c0-5.632,4.566-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v113.509C57.174,467.51,52.607,472.076,46.974,472.076z"/> </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.32 KB
1.73 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/182850/diagonal-arrow --> <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:#FFF173;" d="M69.699,186.479l94.622,94.622l257.13-257.13c18.381-18.381,48.182-18.381,66.563,0 s18.381,48.182,0,66.563l-257.13,257.13l94.622,94.622c13.612,13.612,13.612,35.68,0,49.292 c-6.537,6.537-15.402,10.208-24.645,10.208H45.054c-9.625,0-18.338-3.901-24.646-10.208c-6.307-6.307-10.208-15.02-10.208-24.645 V211.125c0-9.244,3.672-18.109,10.208-24.645C34.019,172.868,56.087,172.868,69.699,186.479z"/> <g> <path style="fill:#248A9C;" d="M300.861,511.986H45.054c-12.034,0-23.348-4.687-31.857-13.196C4.687,490.28,0,478.966,0,466.933 V211.125c0-12.033,4.687-23.347,13.196-31.856c8.51-8.51,19.824-13.196,31.858-13.196s23.348,4.687,31.857,13.196l87.411,87.41 L414.24,16.759c22.33-22.328,58.66-22.326,80.987,0C506.043,27.575,512,41.957,512,57.253c0,15.296-5.957,29.678-16.773,40.493 L245.309,347.664l87.41,87.41c17.566,17.567,17.566,46.149,0,63.716C324.208,507.3,312.894,511.986,300.861,511.986z M45.054,186.47c-6.586,0-12.778,2.564-17.434,7.221c-4.657,4.657-7.222,10.849-7.222,17.433v255.808 c0,6.586,2.565,12.778,7.222,17.435c4.656,4.656,10.848,7.221,17.434,7.221h255.808c6.585,0,12.777-2.565,17.435-7.221 c9.613-9.613,9.613-25.255-0.001-34.868l-94.622-94.622c-3.983-3.983-3.983-10.441,0-14.425L480.803,83.322 c6.964-6.963,10.799-16.221,10.799-26.068c0-9.848-3.835-19.106-10.799-26.07c-14.374-14.374-37.763-14.375-52.138,0 L171.533,288.314c-3.982,3.982-10.441,3.982-14.424,0l-94.622-94.622C57.831,189.034,51.639,186.47,45.054,186.47z"/> <path style="fill:#248A9C;" d="M46.816,314.756c-5.633,0-10.199-4.567-10.199-10.199v-4.311c0-5.632,4.566-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v4.311C57.016,310.19,52.449,314.756,46.816,314.756z"/> <path style="fill:#248A9C;" d="M46.974,472.076c-5.633,0-10.199-4.567-10.199-10.199V348.368c0-5.632,4.566-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v113.509C57.174,467.51,52.607,472.076,46.974,472.076z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download