Add icons to this collection by clicking the heart icon.
Direction Arrow icon - also known as arrows, upper, right, transfer, exchange, ui, left and right arrows, and direction arrow. Created in a clean lineal color style with a teal and navy 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 512 512"
>
<g fill="#07cc66">
<path
d="M421.002 86c16.561 0 30 13.43 30 30s-13.439 30-30 30c-16.569 0-30-13.43-30-30s13.431-30 30-30zM396.002 406c13.801 0 25 11.19 25 25s-11.199 25-25 25c-13.81 0-25-11.19-25-25s11.19-25 25-25zM91.002 346c11.04 0 20 8.95 20 20s-8.96 20-20 20c-11.05 0-20-8.95-20-20s8.951-20 20-20z"
/>
</g>
<path
fill="#163eb1"
d="m341.002 176 90 95-90 95V226zM301.002 136h-190l95-90z"
/>
<path fill="#079cff" d="M251.002 226h90v90h-90z" />
<path fill="#5cbeff" d="M251.002 316v150h-90V136h90v90z" />
<path
d="M460.492 342.84c1.74 5.24-1.09 10.9-6.33 12.65s-10.899-1.09-12.649-6.32c-1.74-5.24 1.09-10.91 6.329-12.65 5.24-1.75 10.9 1.08 12.65 6.32zM450.482 202.83c1.75 5.24-1.08 10.91-6.32 12.65-5.24 1.75-10.91-1.08-12.649-6.32-1.75-5.24 1.079-10.9 6.319-12.65s10.9 1.09 12.65 6.32zM330.492 72.84c1.74 5.24-1.09 10.9-6.33 12.65s-10.899-1.09-12.649-6.32c-1.74-5.24 1.09-10.91 6.329-12.65 5.24-1.75 10.9 1.08 12.65 6.32zM330.492 412.83c1.74 5.24-1.09 10.91-6.33 12.65-5.24 1.75-10.899-1.08-12.649-6.32-1.74-5.24 1.09-10.9 6.329-12.65 5.24-1.75 10.9 1.09 12.65 6.32zM130.482 452.83c1.75 5.24-1.08 10.91-6.32 12.65-5.24 1.75-10.91-1.08-12.65-6.32-1.75-5.24 1.08-10.9 6.32-12.65s10.9 1.09 12.65 6.32zM100.493 262.84c1.74 5.24-1.09 10.9-6.33 12.65s-10.9-1.09-12.65-6.32c-1.74-5.24 1.09-10.91 6.33-12.65 5.24-1.75 10.9 1.08 12.65 6.32zM70.482 162.84c1.75 5.24-1.08 10.9-6.32 12.65s-10.91-1.09-12.65-6.32c-1.75-5.24 1.08-10.91 6.32-12.65 5.24-1.75 10.9 1.08 12.65 6.32zM301.002 146h-50c-5.523 0-10-4.477-10-10s4.477-10 10-10h24.904l-69.904-66.225L136.098 126h24.904c5.523 0 10 4.477 10 10s-4.477 10-10 10h-50a10 10 0 0 1-6.878-17.259l95-90a10.002 10.002 0 0 1 13.755 0l95 90A9.999 9.999 0 0 1 301.002 146z"
/>
<path
d="M251.002 476h-90c-5.523 0-10-4.478-10-10V136c0-5.523 4.477-10 10-10h90c5.523 0 10 4.477 10 10v90c0 5.523-4.477 10-10 10s-10-4.477-10-10v-80h-70v310h70V316c0-5.522 4.477-10 10-10s10 4.478 10 10v150c0 5.522-4.477 10-10 10zM341 376a10 10 0 0 1-9.998-10v-50c0-5.522 4.478-10 10-10 5.523 0 10 4.478 10 10v24.904L417.228 271l-66.226-69.904V226c0 5.523-4.477 10-10 10-5.522 0-10-4.477-10-10v-50a10 10 0 0 1 17.26-6.878l90 95a10.001 10.001 0 0 1 0 13.756l-90 95A10 10 0 0 1 341 376z"
/>
<path
d="M341.002 326h-90c-5.523 0-10-4.478-10-10v-90c0-5.523 4.477-10 10-10h90c5.523 0 10 4.477 10 10v90c0 5.522-4.477 10-10 10zm-80-20h70v-70h-70zM421.002 156c-22.056 0-40-17.944-40-40s17.944-40 40-40c22.057 0 40 17.944 40 40s-17.943 40-40 40zm0-60c-11.027 0-20 8.972-20 20s8.973 20 20 20c11.028 0 20-8.972 20-20s-8.972-20-20-20zM91.002 396c-16.542 0-30-13.458-30-30s13.458-30 30-30 30 13.458 30 30-13.458 30-30 30zm0-40c-5.514 0-10 4.486-10 10s4.486 10 10 10 10-4.486 10-10-4.485-10-10-10zM396.002 466c-19.299 0-35-15.701-35-35s15.701-35 35-35 35 15.701 35 35-15.701 35-35 35zm0-50c-8.271 0-15 6.729-15 15s6.729 15 15 15 15-6.729 15-15-6.729-15-15-15z"
/>
</svg>
More icons in the same style and category