Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as arrows, arrow, direction, orientation, and diagonal arrow. Created in a clean blue style with a white and silver 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="512"
height="512"
viewBox="0 0 60 56"
>
<g fill="none">
<path
fill="#e8edfc"
d="M59 2.16v16.22l-3.58-3.59-3.58 3.59-9.31 9.34a.957.957 0 0 1-.67.29h-.04a1 1 0 0 1-.72-.29l-8.59-8.62a1.014 1.014 0 0 1 0-1.44l7.87-7.9 5.02-5.02-3.59-3.59h16.18A1.007 1.007 0 0 1 59 2.16z"
/>
<path
fill="#cad9fc"
d="m52.42 14.79-3.58 3.59-8.525 8.552.785.788a1 1 0 0 0 .72.29h.04a.957.957 0 0 0 .67-.29l9.31-9.34 2.08-2.086zM57.99 1.15h-3A1.007 1.007 0 0 1 56 2.16v13.212l3 3.008V2.16a1.007 1.007 0 0 0-1.01-1.01z"
/>
<path
fill="#cad9fc"
d="M32.51 17.66a1.014 1.014 0 0 0 0 1.44l8.59 8.62a1 1 0 0 0 .72.29l-5.31.42a1.013 1.013 0 0 1-.72-.29l-9.01-9.04a1.014 1.014 0 0 1 0-1.44l2.15-2.15L39.67 4.74l-1.85-1.86a1.012 1.012 0 0 1 .71-1.73h3.28l3.59 3.59-5.02 5.02zM59 18.38h-7.16l3.58-3.59z"
/>
<path
fill="#e8edfc"
d="M23.2 28.43a1.045 1.045 0 0 0-.52-.27h-.01v-.01l-4.7-1.08a1.018 1.018 0 0 0-.86.29L6.01 38.49l-.71-.72H2.01A1.007 1.007 0 0 0 1 38.78v15.2A1.009 1.009 0 0 0 2.01 55h18.03a1.012 1.012 0 0 0 .71-1.73l-1.13-1.14a1.014 1.014 0 0 1 0-1.44l12.17-12.2a1.014 1.014 0 0 0 0-1.44z"
/>
<g fill="#a4c2f7">
<path
d="M45.4 4.74h-5.73l-1.85-1.86a1.012 1.012 0 0 1 .71-1.73h3.28zM59 18.38h-7.16l3.58-3.59zM5.3 37.77V55H2.01A1.009 1.009 0 0 1 1 53.98v-15.2a1.007 1.007 0 0 1 1.01-1.01zM45.4 4.74l-5.02 5.02-7.87 7.9c-.192.19-.3.45-.3.72h-5.73c0-.27.108-.53.3-.72l2.15-2.15L39.67 4.74zM41.82 28.01l-5.31.42a1.013 1.013 0 0 1-.72-.29l-9.01-9.04c-.192-.19-.3-.45-.3-.72h5.73c0 .27.108.53.3.72l8.59 8.62a1 1 0 0 0 .72.29z"
/>
</g>
<g fill="#fff">
<path
d="m9.354 37.77.71.72L21 27.524l-1.976-.454a1.018 1.018 0 0 0-.86.29L7.782 37.77zM3 55h3a1.009 1.009 0 0 1-1.01-1.02v-15.2A1.007 1.007 0 0 1 6 37.77H3a1.007 1.007 0 0 0-1.01 1.01v15.2A1.009 1.009 0 0 0 3 55z"
/>
</g>
<path fill="#fff" d="M0 38.783h2v8H0z" />
<g fill="#428dff">
<path d="M1.02 43.783a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
<path
d="M2.013 56h18.024a2.017 2.017 0 0 0 1.424-3.439L20.325 51.4 32.5 39.191a2.019 2.019 0 0 0 0-2.847c-9.281-9.309-8.721-8.916-9.488-9.115-.229-.077.892.187-4.905-1.152a2.043 2.043 0 0 0-1.7.573L6.012 37.069l-.019-.018a.982.982 0 0 0-.314-.206c-.054-.107-.756-.075-3.664-.075-2.12 0-2.739 3.007-1.007 3.007a1.012 1.012 0 0 0 1.007-1.007H4.3v15.217H2v-7.2a1 1 0 0 0-2 0v7.2A2.016 2.016 0 0 0 2.013 56zm15.731-27.957 2.435.565L8.876 39.941l-1.454-1.459zM6.3 40.187l1.872 1.876c.397.377 1.02.377 1.416 0l12.9-12.923c.1.019-.71-.717 8.594 8.639L18.908 49.986a2.021 2.021 0 0 0 0 2.848L20.037 54c-2.529 0-.19 0-13.741-.011zM26.07 19.805l9.011 9.036c.4.391.94.604 1.5.589 6.47-.51 5.194-.409 5.4-.435.473-.036.917-.24 1.253-.574l9.017-9.041H59a1 1 0 0 0 1-1V2.164A2.017 2.017 0 0 0 57.987.148H38.531a2.017 2.017 0 0 0-1.424 3.44l1.147 1.15L26.07 16.957c-.78.79-.78 2.059 0 2.848zM40.081 5.738h2.9C30.867 17.891 31.7 17.007 31.485 17.381h-3.014zM36.5 27.43l-8.006-8.049h2.993c.21.366-.387-.278 7.706 7.837zm17.75-10.05 1.17-1.173 1.17 1.173zM58 2.164v13.8l-1.872-1.877a1.028 1.028 0 0 0-1.416 0l-12.9 12.924-8.593-8.64C43.645 7.909 45.923 5.63 46.123 5.415a.984.984 0 0 0 .177-1.087c-.1-.228.03-.069-2.072-2.178zm-16.6-.016 1.585 1.59h-2.9l-1.556-1.59z"
/>
</g>
</g>
</svg>
More icons in the same style and category