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.41 KB
1.72 KB
-29%
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/182878/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 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve"> <path style="fill:#FFF173;" d="M445.436,280.401l-50.91,50.909L86.482,23.266c-17.429-17.429-45.787-17.429-63.215,0 s-17.43,45.787-0.001,63.215l308.045,308.045l-50.909,50.909c-12.894,12.894-12.894,33.799,0,46.693l0,0 c6.192,6.192,14.59,9.671,23.347,9.671h165.034c8.819,0.001,17.111-3.433,23.348-9.67s9.671-14.529,9.67-23.348V303.748 c0-8.757-3.478-17.155-9.671-23.347C479.236,267.507,458.331,267.507,445.436,280.401z"/> <g> <path style="fill:#248A9C;" d="M438.224,273.189c8.162-8.163,19.016-12.657,30.558-12.657c0,0,0,0,0.001,0 c11.544,0,22.396,4.496,30.558,12.658c8.161,8.161,12.657,19.016,12.657,30.559v165.033c0.001,11.543-4.494,22.397-12.658,30.56 c-8.161,8.162-19.012,12.657-30.552,12.657c-0.003,0-0.007,0-0.01,0h-165.03c-11.544,0-22.397-4.495-30.559-12.657 c-16.849-16.85-16.849-44.267,0-61.118l43.698-43.697L16.054,93.694c-21.404-21.405-21.404-56.235,0-77.64 c21.405-21.405,56.235-21.405,77.64,0l300.833,300.833L438.224,273.189z M54.875,20.39c-8.836,0-17.669,3.362-24.396,10.089 c-13.451,13.452-13.452,35.339,0,48.791l308.044,308.045c1.912,1.913,2.987,4.507,2.987,7.212s-1.075,5.299-2.987,7.212 l-50.91,50.909c-8.896,8.897-8.896,23.373,0,32.27c4.309,4.31,10.04,6.684,16.135,6.684h165.034c0.001,0,0.003,0,0.005,0 c6.094,0,11.821-2.372,16.13-6.684c4.311-4.31,6.684-10.04,6.684-16.134V303.749c0-6.096-2.373-11.826-6.683-16.134 c-4.31-4.311-10.04-6.685-16.135-6.685c-6.095,0-11.825,2.373-16.135,6.684l-50.91,50.909c-3.983,3.982-10.441,3.982-14.424,0 L79.27,30.478C72.545,23.752,63.708,20.39,54.875,20.39z"/> <path style="fill:#248A9C;" d="M470.641,385.318c-5.633,0-10.199-4.567-10.199-10.199v-2.851c0-5.632,4.566-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v2.851C480.841,380.752,476.274,385.318,470.641,385.318z"/> <path style="fill:#248A9C;" d="M470.641,477.321c-5.633,0-10.199-4.567-10.199-10.199v-59.498c0-5.632,4.566-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v59.499C480.841,472.754,476.274,477.321,470.641,477.321z"/> </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.41 KB
1.72 KB
-29%
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/182878/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 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve"> <path style="fill:#FFF173;" d="M445.436,280.401l-50.91,50.909L86.482,23.266c-17.429-17.429-45.787-17.429-63.215,0 s-17.43,45.787-0.001,63.215l308.045,308.045l-50.909,50.909c-12.894,12.894-12.894,33.799,0,46.693l0,0 c6.192,6.192,14.59,9.671,23.347,9.671h165.034c8.819,0.001,17.111-3.433,23.348-9.67s9.671-14.529,9.67-23.348V303.748 c0-8.757-3.478-17.155-9.671-23.347C479.236,267.507,458.331,267.507,445.436,280.401z"/> <g> <path style="fill:#248A9C;" d="M438.224,273.189c8.162-8.163,19.016-12.657,30.558-12.657c0,0,0,0,0.001,0 c11.544,0,22.396,4.496,30.558,12.658c8.161,8.161,12.657,19.016,12.657,30.559v165.033c0.001,11.543-4.494,22.397-12.658,30.56 c-8.161,8.162-19.012,12.657-30.552,12.657c-0.003,0-0.007,0-0.01,0h-165.03c-11.544,0-22.397-4.495-30.559-12.657 c-16.849-16.85-16.849-44.267,0-61.118l43.698-43.697L16.054,93.694c-21.404-21.405-21.404-56.235,0-77.64 c21.405-21.405,56.235-21.405,77.64,0l300.833,300.833L438.224,273.189z M54.875,20.39c-8.836,0-17.669,3.362-24.396,10.089 c-13.451,13.452-13.452,35.339,0,48.791l308.044,308.045c1.912,1.913,2.987,4.507,2.987,7.212s-1.075,5.299-2.987,7.212 l-50.91,50.909c-8.896,8.897-8.896,23.373,0,32.27c4.309,4.31,10.04,6.684,16.135,6.684h165.034c0.001,0,0.003,0,0.005,0 c6.094,0,11.821-2.372,16.13-6.684c4.311-4.31,6.684-10.04,6.684-16.134V303.749c0-6.096-2.373-11.826-6.683-16.134 c-4.31-4.311-10.04-6.685-16.135-6.685c-6.095,0-11.825,2.373-16.135,6.684l-50.91,50.909c-3.983,3.982-10.441,3.982-14.424,0 L79.27,30.478C72.545,23.752,63.708,20.39,54.875,20.39z"/> <path style="fill:#248A9C;" d="M470.641,385.318c-5.633,0-10.199-4.567-10.199-10.199v-2.851c0-5.632,4.566-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v2.851C480.841,380.752,476.274,385.318,470.641,385.318z"/> <path style="fill:#248A9C;" d="M470.641,477.321c-5.633,0-10.199-4.567-10.199-10.199v-59.498c0-5.632,4.566-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v59.499C480.841,472.754,476.274,477.321,470.641,477.321z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG