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 60"
>
<g fill="none">
<path
fill="#7facfa"
d="M58.99 23.55c-1.754 31.665-1.323 24.584-1.6 26.8a9.076 9.076 0 0 1-7.99 7.11c-.116.024-.232.04-.35.05-27.647 1.6-25.879 1.573-27.18 1.4-3.975-.548-5.8-3.045-8.9-6.14a9.571 9.571 0 0 0 7.18 2.65c27.157-1.576 25.525-1.436 26.63-1.65a9.062 9.062 0 0 0 7.04-6.97c.261-1.174.124.051 1.6-26.81a9.431 9.431 0 0 0-2.67-7.19l3.57 3.56a9.673 9.673 0 0 1 2.67 7.19z"
/>
<path
fill="#e8edfc"
d="M55.42 19.99c-1.46 26.561-1.352 25.529-1.55 26.55a9.056 9.056 0 0 1-4.36 6.19 8.79 8.79 0 0 1-2.45.98c-1.291.287.387.126-26.91 1.71a9.222 9.222 0 0 1-9.83-8.15 9.1 9.1 0 0 1 8.51-9.96l3.15-.18a1.013 1.013 0 0 0 .65-1.73L3.66 16.45a9.094 9.094 0 0 1 .43-13.26 9.26 9.26 0 0 1 12.6.6l18.76 18.74a1.012 1.012 0 0 0 1.72-.66l.17-3.16c.443-7.946 10.117-11.426 15.41-5.9a9.534 9.534 0 0 1 2.67 7.18z"
/>
<path
fill="#cad9fc"
d="M52.75 12.81a8.637 8.637 0 0 0-7.764-2.55 8.571 8.571 0 0 1 4.764 2.55 9.534 9.534 0 0 1 2.67 7.18c-1.46 26.561-1.352 25.529-1.55 26.55a9.056 9.056 0 0 1-4.36 6.19 8.79 8.79 0 0 1-2.45.98c-1.271.282.317.132-25.717 1.641.599.08 1.204.104 1.807.069 27.3-1.584 25.619-1.423 26.91-1.71a8.79 8.79 0 0 0 2.45-.98 9.056 9.056 0 0 0 4.36-6.19c.2-1.021.09.011 1.55-26.55a9.534 9.534 0 0 0-2.67-7.18z"
/>
<path
fill="#fff"
d="M11.479 1.13C2.749-.3-2.507 10.294 3.657 16.451l18.977 18.954a1.01 1.01 0 0 1-.656 1.722l-3.147.184a9.045 9.045 0 0 0-5.853 15.451l-.008.008c3.553 3.553 3.414 3.42 3.57 3.56a9.574 9.574 0 0 0 7.17 2.65l1.179-.068c-3.977-.517-5.912-3.135-8.919-6.142l.008-.008c-5.671-5.508-1.86-15 5.853-15.451l3.147-.184a1.01 1.01 0 0 0 .656-1.722L6.657 16.451A9.056 9.056 0 0 1 11.479 1.13z"
/>
<path
fill="#fff"
d="m2.96 17.161 1.414-1.416 5.664 5.656-1.414 1.416z"
/>
<g fill="#428dff">
<path d="M7.2 19.985a1 1 0 1 0-1.414-1.414A1 1 0 0 0 7.2 19.985z" />
<path
d="M2.95 17.159a1 1 0 0 0 1.414-1.415A8 8 0 0 1 2 9.783 8.1 8.1 0 0 1 15.984 4.5l18.755 18.734a2.009 2.009 0 0 0 3.425-1.313l.174-3.153a8.088 8.088 0 0 1 9.034-7.6 8.251 8.251 0 0 1 7.053 8.764c-1.741 31.676-1.253 22.843-1.408 25.453a8.107 8.107 0 0 1-7.594 7.564L20.1 54.426a8.285 8.285 0 0 1-8.784-7.251 8.1 8.1 0 0 1 7.578-8.866l3.148-.183a2.012 2.012 0 0 0 1.3-3.43l-13.316-13.3a1 1 0 0 0-1.413 1.415l13.263 13.25c.084.1.329.051-3.1.251a10.025 10.025 0 0 0-6.6 17.028c.17.239-.509-.467 3.563 3.6A10.319 10.319 0 0 0 23.156 60c1.073 0 3.128-.241 19.642-1.126 3.984-.214 7.917-.307 9.418-1.057 3.741-1.518 5.765-4.327 6.369-8.836.013-.1-.061 1.153 1.4-25.377a10.618 10.618 0 0 0-3.062-8.053c-.026-.031-.727-.726-3.4-3.392-6.057-6.312-16.708-2.2-17.185 6.5l-.189 3.161L17.4 3.086a10.232 10.232 0 0 0-13.969-.642 10.1 10.1 0 0 0-.481 14.715zM57.988 23.5 56.6 48.763c-.512 3.746-2.1 5.97-5.132 7.2-2.806.869-.873.32-27.811 2.021a8.569 8.569 0 0 1-5.576-1.668 9.851 9.851 0 0 0 2.135.106C43 55.1 45.541 54.962 45.646 54.936a10.1 10.1 0 0 0 9.361-9.365c.021-.128-.076 1.529 1.414-25.528.037-.707.003-1.415-.1-2.115a8.647 8.647 0 0 1 1.667 5.572z"
/>
<path
d="M50.268 36.212a1 1 0 0 0 1.052-.943l.832-15.112a1.002 1.002 0 0 0-2-.11l-.832 15.112a1 1 0 0 0 .948 1.053zM48.764 45.339a1.002 1.002 0 0 0 2 .11l.3-5.4a1.002 1.002 0 0 0-2-.11z"
/>
</g>
</g>
</svg>
More icons in the same style and category