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 blue style with a white, silver, and teal 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
fill="#1e81ce"
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="#9bc9ff"
d="M90.997 86c-16.56 0-30 13.43-30 30s13.44 30 30 30c16.57 0 30-13.43 30-30s-13.43-30-30-30z"
/>
<path fill="#fff" d="m170.997 176-90 95 90 95V226z" />
<path
fill="#9bc9ff"
d="M115.997 406c-13.8 0-25 11.191-25 25 0 13.811 11.2 25 25 25 13.811 0 25-11.189 25-25 0-13.809-11.189-25-25-25zM170.997 226h90v90h-90z"
/>
<path
fill="#1e81ce"
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="#fff" d="M210.997 136h190l-95-90z" />
<path fill="#9bc9ff" d="M260.997 316v150h90V136h-90v90z" />
<path
fill="#1e81ce"
d="M381.518 452.83c-1.75 5.24 1.08 10.91 6.32 12.65 5.24 1.75 10.909-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="#9bc9ff"
d="M420.997 346c-11.04 0-20 8.951-20 20 0 11.051 8.96 20 20 20 11.05 0 20-8.949 20-20 0-11.049-8.95-20-20-20z"
/>
<g fill="#1e81ce">
<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.909-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.997 146h-50c-5.522 0-10-4.477-10-10s4.478-10 10-10h24.905l-69.905-66.225L236.093 126h24.904c5.523 0 10 4.477 10 10s-4.477 10-10 10h-50a10 10 0 0 1-6.877-17.259l95-90a10.003 10.003 0 0 1 13.756 0l95 90A10.001 10.001 0 0 1 400.997 146z"
/>
<path
d="M350.997 476h-90c-5.522 0-10-4.477-10-10V316c0-5.521 4.478-10 10-10 5.523 0 10 4.479 10 10v140h70V146h-70v80c0 5.523-4.477 10-10 10-5.522 0-10-4.477-10-10v-90c0-5.523 4.478-10 10-10h90c5.523 0 10 4.477 10 10v330c0 5.523-4.476 10-10 10zM171 376a9.999 9.999 0 0 1-7.262-3.121l-90-95a10.003 10.003 0 0 1 0-13.757l90-95A10 10 0 0 1 180.997 176v50c0 5.523-4.477 10-10 10-5.522 0-10-4.477-10-10v-24.904L94.772 271l66.225 69.904V316c0-5.521 4.478-10 10-10 5.523 0 10 4.479 10 10v50A10.002 10.002 0 0 1 171 376z"
/>
<path
d="M260.997 326h-90c-5.522 0-10-4.477-10-10v-90c0-5.523 4.478-10 10-10h90c5.523 0 10 4.477 10 10v90c0 5.523-4.476 10-10 10zm-80-20h70v-70h-70zM90.997 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-20zM420.997 396c-16.542 0-30-13.457-30-30 0-16.541 13.458-30 30-30s30 13.459 30 30c0 16.543-13.458 30-30 30zm0-40c-5.514 0-10 4.486-10 10s4.486 10 10 10c5.515 0 10-4.486 10-10s-4.485-10-10-10zM115.997 466c-19.298 0-35-15.701-35-35s15.702-35 35-35c19.299 0 35 15.701 35 35s-15.701 35-35 35zm0-50c-8.271 0-15 6.729-15 15s6.729 15 15 15 15-6.729 15-15-6.728-15-15-15z"
/>
</g>
</svg>
More icons in the same style and category