Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as arrows, orientation, directional, multimedia, ui, multimedia option, diagonal, and diagonal arrow. Created in a clean lineal color style with a teal and pink 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="m66.564 231.599 50.91-50.909L425.52 488.736c17.429 17.429 45.787 17.429 63.215-.001 17.429-17.429 17.43-45.787.001-63.215L180.69 117.474l50.909-50.909c12.894-12.894 12.894-33.799 0-46.693a33.014 33.014 0 0 0-23.347-9.672H43.218c-8.819-.001-17.111 3.433-23.348 9.67-6.236 6.238-9.671 14.529-9.67 23.349v165.033a33.018 33.018 0 0 0 9.671 23.347c12.892 12.894 33.798 12.894 46.693 0z"
fill="#fff173"
/>
<path
d="M457.125 512c-14.059.001-28.116-5.351-38.82-16.053L117.474 195.113l-43.698 43.698c-8.164 8.163-19.017 12.657-30.559 12.657-11.544 0-22.397-4.495-30.559-12.657C4.495 230.648 0 219.795 0 208.252V43.218c-.001-11.541 4.494-22.395 12.657-30.559C20.82 4.495 31.673 0 43.213 0h165.039c11.542 0 22.395 4.495 30.558 12.657 16.85 16.85 16.85 44.267.001 61.118l-43.698 43.698 300.834 300.833c21.404 21.405 21.404 56.235-.001 77.64C485.243 506.649 471.184 512 457.125 512zM117.474 170.49c2.611 0 5.22.996 7.212 2.987L432.73 481.523c13.451 13.451 35.338 13.451 48.791-.001 13.452-13.452 13.453-35.34.001-48.791L173.477 124.686a10.203 10.203 0 0 1 0-14.424l50.91-50.91c4.31-4.31 6.684-10.039 6.684-16.134s-2.373-11.824-6.684-16.133a22.662 22.662 0 0 0-16.134-6.686H43.215a22.656 22.656 0 0 0-16.132 6.684c-4.311 4.311-6.685 10.041-6.684 16.134v165.035a22.661 22.661 0 0 0 6.684 16.134c4.31 4.311 10.039 6.684 16.134 6.684s11.825-2.373 16.134-6.684l50.91-50.909a10.174 10.174 0 0 1 7.213-2.987z"
fill="#248a9c"
/>
<path
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.199s10.199 4.567 10.199 10.199v2.851c0 5.633-4.567 10.199-10.199 10.199zM41.358 114.575c-5.632 0-10.199-4.567-10.199-10.199V44.877c0-5.632 4.567-10.199 10.199-10.199s10.199 4.567 10.199 10.199v59.499c0 5.633-4.567 10.199-10.199 10.199z"
fill="#248a9c"
/>
</svg>
More icons in the same style and category