Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as arrows, orientation, directional, multimedia, multimedia option, and diagonal arrow. Created in a clean blue style with a white, silver, and blue finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="491.52"
height="491.52"
viewBox="0 0 368.64 368.64"
>
<path
fill="#d7e9ff"
d="M361.813 330.469V38.168c0-17.309-14.032-31.34-31.344-31.34H38.168c-17.309 0-31.34 14.031-31.34 31.34v292.3c0 17.313 14.031 31.344 31.34 31.344h292.3c17.313 0 31.344-14.03 31.344-31.343zm0 0"
/>
<path
fill="#0e65e5"
d="M330.473 368.64H38.172C17.125 368.64 0 351.517 0 330.47V38.168C0 17.121 17.121 0 38.168 0h292.3c21.044 0 38.173 17.121 38.173 38.168v292.3c0 21.048-17.121 38.173-38.168 38.173zM38.168 13.653c-13.516 0-24.516 11-24.516 24.516v292.3c0 13.52 11 24.52 24.52 24.52h292.3c13.516 0 24.516-11 24.516-24.52v-292.3c0-13.516-11-24.516-24.52-24.516zm0 0"
/>
<path
fill="#fff"
d="M34.133 136.535a6.82 6.82 0 0 1-6.824-6.824V48.516c0-11.696 9.511-21.207 21.21-21.207h81.188a6.824 6.824 0 0 1 6.828 6.824 6.828 6.828 0 0 1-6.828 6.828H48.52c-4.168 0-7.56 3.387-7.56 7.555v81.195a6.824 6.824 0 0 1-6.827 6.824zm0 0"
/>
<path
fill="#0e65e5"
d="M330.469 334.508H38.168c-17.309 0-31.34-14.035-31.34-31.344v27.305c0 17.312 14.031 31.344 31.34 31.344h292.3c17.313 0 31.344-14.032 31.344-31.344v-27.305c0 17.309-14.03 31.344-31.343 31.344zm0 0"
/>
<path
fill="#0e65e5"
d="M330.469 368.64H38.172C17.125 368.64 0 351.517 0 330.47v-27.305h13.652c0 13.52 11 24.516 24.52 24.516h292.297c13.52 0 24.52-10.996 24.52-24.516h13.652v27.305c0 21.047-17.13 38.172-38.172 38.172zM13.734 332.466c1.02 12.59 11.594 22.523 24.438 22.523h292.297c12.844 0 23.418-9.933 24.437-22.523a38.001 38.001 0 0 1-24.437 8.867H38.172a38.001 38.001 0 0 1-24.438-8.867zm0 0"
/>
<path
fill="#5c9eff"
d="m142.328 189.594-10.11-78.395 80.438 8.067 37.66-37.66L84.754 63.733 105.5 226.422zm0 0"
/>
<path
fill="#0e65e5"
d="M105.5 233.25a6.838 6.838 0 0 1-6.773-5.965L77.98 64.598a6.822 6.822 0 0 1 1.899-5.641 6.72 6.72 0 0 1 5.605-2.008L251.047 74.82a6.83 6.83 0 0 1 5.707 4.516 6.833 6.833 0 0 1-1.613 7.098l-37.66 37.656a6.907 6.907 0 0 1-5.508 1.969l-71.887-7.211 9.012 69.867a6.83 6.83 0 0 1-1.946 5.703l-36.828 36.828a6.801 6.801 0 0 1-4.824 2.004zM92.621 71.45l17.89 140.304 24.618-24.617-9.688-75.067a6.809 6.809 0 0 1 1.88-5.629c1.449-1.492 3.534-2.23 5.574-2.035l77.218 7.742 25.29-25.285zm0 0"
/>
<path
fill="#94c1ff"
fill-rule="evenodd"
d="m219.563 266.828-10.114-78.394 80.442 8.066 37.66-37.66-165.563-17.871 20.746 162.687zm0 0"
/>
<g fill="#0e65e5">
<path
d="M182.734 310.484a6.832 6.832 0 0 1-6.773-5.965l-20.75-162.683a6.833 6.833 0 0 1 1.902-5.645 6.757 6.757 0 0 1 5.606-2.007l165.566 17.87a6.825 6.825 0 0 1 4.094 11.614l-37.656 37.656a6.951 6.951 0 0 1-5.508 1.969l-71.887-7.211 9.012 69.867a6.817 6.817 0 0 1-1.95 5.7L187.56 308.48a6.808 6.808 0 0 1-4.825 2.004zm-12.882-161.8 17.894 140.308 24.621-24.62-9.687-75.063a6.825 6.825 0 0 1 1.879-5.633c1.441-1.492 3.546-2.23 5.574-2.035l77.219 7.746 25.289-25.29zM81.922 293.547a6.828 6.828 0 0 1-6.828-6.828v-27.305c0-3.77 3.054-6.828 6.828-6.828s6.824 3.059 6.824 6.828v27.305c0 3.77-3.05 6.828-6.824 6.828zm0 0"
/>
<path
d="M95.574 279.895H68.266a6.824 6.824 0 0 1-6.825-6.829c0-3.77 3.051-6.828 6.825-6.828h27.308a6.824 6.824 0 0 1 6.824 6.828c0 3.77-3.05 6.829-6.824 6.829zm0 0"
/>
</g>
</svg>
More icons in the same style and category