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.33 KB
1.66 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/182883/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:#FFF173;" d="M280.403,66.564l50.909,50.91L23.266,425.518c-17.429,17.429-17.429,45.787,0.001,63.215 s45.787,17.43,63.215,0.001l308.046-308.046l50.909,50.909c12.894,12.894,33.799,12.894,46.693,0l0,0 c6.192-6.192,9.671-14.59,9.671-23.347V43.217c0.001-8.819-3.433-17.111-9.67-23.348c-6.237-6.237-14.529-9.671-23.348-9.67H303.75 c-8.757,0-17.155,3.479-23.347,9.671C267.508,32.763,267.508,53.669,280.403,66.564z"/> <g> <path style="fill:#248A9C;" d="M54.876,512c-14.061,0.001-28.116-5.35-38.821-16.054c-21.405-21.406-21.405-56.235-0.001-77.64 l300.834-300.834l-43.697-43.697c-8.163-8.164-12.658-19.017-12.658-30.559c0-11.544,4.496-22.397,12.658-30.559 C281.352,4.495,292.206,0,303.749,0h165.033c11.544-0.001,22.397,4.494,30.56,12.658c8.164,8.164,12.659,19.018,12.657,30.56 v165.033c0,11.544-4.496,22.397-12.658,30.56c-16.85,16.849-44.268,16.849-61.117,0l-43.698-43.698L93.694,495.947 C82.993,506.648,68.932,511.999,54.876,512z M303.749,20.399c-6.095,0-11.825,2.373-16.134,6.684 c-4.31,4.31-6.684,10.039-6.684,16.134s2.373,11.825,6.684,16.134l50.909,50.909c3.983,3.983,3.983,10.441,0,14.425L30.478,432.73 c-13.452,13.451-13.451,35.339,0,48.791c13.452,13.452,35.34,13.453,48.791,0.001l308.044-308.046 c1.912-1.912,4.507-2.987,7.212-2.987l0,0c2.705,0,5.3,1.075,7.212,2.987l50.91,50.91c8.897,8.899,23.373,8.899,32.27,0 c4.31-4.31,6.684-10.04,6.684-16.135V43.218c0-6.095-2.373-11.825-6.684-16.136c-4.31-4.31-10.04-6.684-16.135-6.683 C468.782,20.399,303.749,20.399,303.749,20.399z"/> <path style="fill:#248A9C;" d="M375.12,51.557h-2.851c-5.633,0-10.199-4.567-10.199-10.199s4.566-10.199,10.199-10.199h2.851 c5.633,0,10.199,4.567,10.199,10.199S380.753,51.557,375.12,51.557z"/> <path style="fill:#248A9C;" d="M467.123,51.557h-59.499c-5.633,0-10.199-4.567-10.199-10.199s4.566-10.199,10.199-10.199h59.499 c5.633,0,10.199,4.567,10.199,10.199S472.756,51.557,467.123,51.557z"/> </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.33 KB
1.66 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/182883/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:#FFF173;" d="M280.403,66.564l50.909,50.91L23.266,425.518c-17.429,17.429-17.429,45.787,0.001,63.215 s45.787,17.43,63.215,0.001l308.046-308.046l50.909,50.909c12.894,12.894,33.799,12.894,46.693,0l0,0 c6.192-6.192,9.671-14.59,9.671-23.347V43.217c0.001-8.819-3.433-17.111-9.67-23.348c-6.237-6.237-14.529-9.671-23.348-9.67H303.75 c-8.757,0-17.155,3.479-23.347,9.671C267.508,32.763,267.508,53.669,280.403,66.564z"/> <g> <path style="fill:#248A9C;" d="M54.876,512c-14.061,0.001-28.116-5.35-38.821-16.054c-21.405-21.406-21.405-56.235-0.001-77.64 l300.834-300.834l-43.697-43.697c-8.163-8.164-12.658-19.017-12.658-30.559c0-11.544,4.496-22.397,12.658-30.559 C281.352,4.495,292.206,0,303.749,0h165.033c11.544-0.001,22.397,4.494,30.56,12.658c8.164,8.164,12.659,19.018,12.657,30.56 v165.033c0,11.544-4.496,22.397-12.658,30.56c-16.85,16.849-44.268,16.849-61.117,0l-43.698-43.698L93.694,495.947 C82.993,506.648,68.932,511.999,54.876,512z M303.749,20.399c-6.095,0-11.825,2.373-16.134,6.684 c-4.31,4.31-6.684,10.039-6.684,16.134s2.373,11.825,6.684,16.134l50.909,50.909c3.983,3.983,3.983,10.441,0,14.425L30.478,432.73 c-13.452,13.451-13.451,35.339,0,48.791c13.452,13.452,35.34,13.453,48.791,0.001l308.044-308.046 c1.912-1.912,4.507-2.987,7.212-2.987l0,0c2.705,0,5.3,1.075,7.212,2.987l50.91,50.91c8.897,8.899,23.373,8.899,32.27,0 c4.31-4.31,6.684-10.04,6.684-16.135V43.218c0-6.095-2.373-11.825-6.684-16.136c-4.31-4.31-10.04-6.684-16.135-6.683 C468.782,20.399,303.749,20.399,303.749,20.399z"/> <path style="fill:#248A9C;" d="M375.12,51.557h-2.851c-5.633,0-10.199-4.567-10.199-10.199s4.566-10.199,10.199-10.199h2.851 c5.633,0,10.199,4.567,10.199,10.199S380.753,51.557,375.12,51.557z"/> <path style="fill:#248A9C;" d="M467.123,51.557h-59.499c-5.633,0-10.199-4.567-10.199-10.199s4.566-10.199,10.199-10.199h59.499 c5.633,0,10.199,4.567,10.199,10.199S472.756,51.557,467.123,51.557z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download