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.46 KB
1.77 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/182882/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="M66.564,231.599l50.91-50.909l308.046,308.046c17.429,17.429,45.787,17.429,63.215-0.001 c17.429-17.429,17.43-45.787,0.001-63.215L180.69,117.474l50.909-50.909c12.894-12.894,12.894-33.799,0-46.693l0,0 c-6.192-6.193-14.59-9.672-23.347-9.672H43.218c-8.819-0.001-17.111,3.433-23.348,9.67c-6.236,6.238-9.671,14.529-9.67,23.349 v165.033c0,8.757,3.479,17.155,9.671,23.347C32.763,244.493,53.669,244.493,66.564,231.599z"/> <g> <path style="fill:#248A9C;" d="M457.125,512c-14.059,0.001-28.116-5.351-38.82-16.053L117.474,195.113l-43.698,43.698 c-8.164,8.163-19.017,12.657-30.559,12.657c-11.544,0-22.397-4.495-30.559-12.657C4.495,230.648,0,219.795,0,208.252V43.218 c-0.001-11.541,4.494-22.395,12.657-30.559C20.82,4.495,31.673,0,43.213,0c0.002,0,0.003,0,0.005,0h165.034 c11.542,0,22.395,4.495,30.558,12.657c16.85,16.85,16.85,44.267,0.001,61.118l-43.698,43.698l300.834,300.833 c21.404,21.405,21.404,56.235-0.001,77.64C485.243,506.649,471.184,512,457.125,512z M117.474,170.49 c2.611,0,5.22,0.996,7.212,2.987L432.73,481.523c13.451,13.451,35.338,13.451,48.791-0.001 c13.452-13.452,13.453-35.34,0.001-48.791L173.477,124.686c-1.912-1.913-2.987-4.507-2.987-7.212c0-2.705,1.075-5.299,2.987-7.212 l50.91-50.91c4.31-4.31,6.684-10.039,6.684-16.134s-2.373-11.824-6.684-16.133c-4.31-4.312-10.04-6.686-16.134-6.686H43.218 c-0.001,0-0.002,0-0.003,0c-6.095,0-11.823,2.373-16.132,6.684c-4.311,4.311-6.685,10.041-6.684,16.134v165.035 c0,6.095,2.373,11.825,6.684,16.134c4.31,4.311,10.039,6.684,16.134,6.684s11.825-2.373,16.134-6.684l50.91-50.909 C112.254,171.486,114.864,170.49,117.474,170.49z"/> <path style="fill:#248A9C;" d="M41.358,149.93c-5.632,0-10.199-4.567-10.199-10.199v-2.851c0-5.632,4.567-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v2.851C51.557,145.364,46.99,149.93,41.358,149.93z"/> <path style="fill:#248A9C;" d="M41.358,114.575c-5.632,0-10.199-4.567-10.199-10.199V44.877c0-5.632,4.567-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v59.499C51.557,110.009,46.99,114.575,41.358,114.575z"/> </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.46 KB
1.77 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/182882/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="M66.564,231.599l50.91-50.909l308.046,308.046c17.429,17.429,45.787,17.429,63.215-0.001 c17.429-17.429,17.43-45.787,0.001-63.215L180.69,117.474l50.909-50.909c12.894-12.894,12.894-33.799,0-46.693l0,0 c-6.192-6.193-14.59-9.672-23.347-9.672H43.218c-8.819-0.001-17.111,3.433-23.348,9.67c-6.236,6.238-9.671,14.529-9.67,23.349 v165.033c0,8.757,3.479,17.155,9.671,23.347C32.763,244.493,53.669,244.493,66.564,231.599z"/> <g> <path style="fill:#248A9C;" d="M457.125,512c-14.059,0.001-28.116-5.351-38.82-16.053L117.474,195.113l-43.698,43.698 c-8.164,8.163-19.017,12.657-30.559,12.657c-11.544,0-22.397-4.495-30.559-12.657C4.495,230.648,0,219.795,0,208.252V43.218 c-0.001-11.541,4.494-22.395,12.657-30.559C20.82,4.495,31.673,0,43.213,0c0.002,0,0.003,0,0.005,0h165.034 c11.542,0,22.395,4.495,30.558,12.657c16.85,16.85,16.85,44.267,0.001,61.118l-43.698,43.698l300.834,300.833 c21.404,21.405,21.404,56.235-0.001,77.64C485.243,506.649,471.184,512,457.125,512z M117.474,170.49 c2.611,0,5.22,0.996,7.212,2.987L432.73,481.523c13.451,13.451,35.338,13.451,48.791-0.001 c13.452-13.452,13.453-35.34,0.001-48.791L173.477,124.686c-1.912-1.913-2.987-4.507-2.987-7.212c0-2.705,1.075-5.299,2.987-7.212 l50.91-50.91c4.31-4.31,6.684-10.039,6.684-16.134s-2.373-11.824-6.684-16.133c-4.31-4.312-10.04-6.686-16.134-6.686H43.218 c-0.001,0-0.002,0-0.003,0c-6.095,0-11.823,2.373-16.132,6.684c-4.311,4.311-6.685,10.041-6.684,16.134v165.035 c0,6.095,2.373,11.825,6.684,16.134c4.31,4.311,10.039,6.684,16.134,6.684s11.825-2.373,16.134-6.684l50.91-50.909 C112.254,171.486,114.864,170.49,117.474,170.49z"/> <path style="fill:#248A9C;" d="M41.358,149.93c-5.632,0-10.199-4.567-10.199-10.199v-2.851c0-5.632,4.567-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v2.851C51.557,145.364,46.99,149.93,41.358,149.93z"/> <path style="fill:#248A9C;" d="M41.358,114.575c-5.632,0-10.199-4.567-10.199-10.199V44.877c0-5.632,4.567-10.199,10.199-10.199 s10.199,4.567,10.199,10.199v59.499C51.557,110.009,46.99,114.575,41.358,114.575z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download