Add icons to this collection by clicking the heart icon.
Direction Arrow icon - also known as arrows, direction, upper, left, 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"
>
<path
d="M51.507 342.84c-1.74 5.24 1.09 10.9 6.33 12.65s10.9-1.09 12.65-6.32c1.74-5.24-1.09-10.91-6.33-12.65-5.24-1.75-10.9 1.08-12.65 6.32zM61.518 202.83c-1.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.65s-10.9 1.09-12.65 6.32z"
/>
<path
fill="#07cc66"
d="M90.998 86c-16.56 0-30 13.43-30 30s13.44 30 30 30c16.57 0 30-13.43 30-30s-13.431-30-30-30z"
/>
<path fill="#163eb1" d="m170.998 176-90 95 90 95V226z" />
<path
fill="#07cc66"
d="M115.998 406c-13.8 0-25 11.19-25 25s11.2 25 25 25c13.81 0 25-11.19 25-25s-11.19-25-25-25z"
/>
<path fill="#079cff" d="M170.998 226h90v90h-90z" />
<path
d="M181.507 72.84c-1.74 5.24 1.09 10.9 6.33 12.65s10.9-1.09 12.65-6.32c1.74-5.24-1.09-10.91-6.33-12.65-5.24-1.75-10.9 1.08-12.65 6.32zM181.507 412.83c-1.74 5.24 1.09 10.91 6.33 12.65 5.24 1.75 10.9-1.08 12.65-6.32 1.74-5.24-1.09-10.9-6.33-12.65s-10.9 1.09-12.65 6.32z"
/>
<path fill="#163eb1" d="M210.998 136h190l-95-90z" />
<path fill="#5cbeff" d="M260.998 316v150h90V136h-90v90z" />
<path
d="M381.518 452.83c-1.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.65s-10.9 1.09-12.65 6.32z"
/>
<path
fill="#07cc66"
d="M420.998 346c-11.04 0-20 8.95-20 20s8.96 20 20 20c11.05 0 20-8.95 20-20s-8.95-20-20-20z"
/>
<path
d="M411.508 262.84c-1.74 5.24 1.09 10.9 6.33 12.65s10.899-1.09 12.649-6.32c1.74-5.24-1.09-10.91-6.329-12.65-5.24-1.75-10.9 1.08-12.65 6.32zM441.518 162.84c-1.75 5.24 1.08 10.9 6.32 12.65s10.91-1.09 12.649-6.32c1.75-5.24-1.079-10.91-6.319-12.65-5.24-1.75-10.9 1.08-12.65 6.32zM400.998 146h-50c-5.523 0-10-4.477-10-10s4.477-10 10-10h24.904l-69.904-66.225L236.093 126h24.905c5.522 0 10 4.477 10 10s-4.478 10-10 10h-50a10 10 0 0 1-6.878-17.259l95-90a10.002 10.002 0 0 1 13.755 0l95 90A9.998 9.998 0 0 1 400.998 146z"
/>
<path
d="M350.998 476h-90c-5.523 0-10-4.478-10-10V316c0-5.522 4.477-10 10-10 5.522 0 10 4.478 10 10v140h70V146h-70v80c0 5.523-4.478 10-10 10-5.523 0-10-4.477-10-10v-90c0-5.523 4.477-10 10-10h90c5.522 0 10 4.477 10 10v330c0 5.522-4.477 10-10 10zM171 376a10.001 10.001 0 0 1-7.262-3.122l-90-95a10.001 10.001 0 0 1 0-13.756l90-95A10 10 0 0 1 180.997 176v50c0 5.523-4.477 10-10 10s-10-4.477-10-10v-24.904L94.772 271l66.225 69.904V316c0-5.522 4.477-10 10-10s10 4.478 10 10v50A10 10 0 0 1 171 376z"
/>
<path
d="M260.998 326h-90c-5.523 0-10-4.478-10-10v-90c0-5.523 4.477-10 10-10h90c5.522 0 10 4.477 10 10v90c0 5.522-4.477 10-10 10zm-80-20h70v-70h-70zM90.998 156c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm0-60c-11.028 0-20 8.972-20 20s8.972 20 20 20 20-8.972 20-20-8.973-20-20-20zM420.998 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.515 0-10 4.486-10 10s4.485 10 10 10c5.514 0 10-4.486 10-10s-4.486-10-10-10zM115.998 466c-19.299 0-35-15.701-35-35s15.701-35 35-35 35 15.701 35 35-15.702 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