Add icons to this collection by clicking the heart icon.
Up And Down Arrows icon - also known as arrows, arrow, transfer, exchange, up and down arrows, and swap. Created in a clean blue style, 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 120 120"
>
<path
fill="#9ac6fd"
d="M102.24 6.5H17.76C11.55 6.5 6.5 11.55 6.5 17.76v84.49c0 6.21 5.05 11.26 11.26 11.26h84.49c6.21 0 11.26-5.05 11.26-11.26V17.76c-.01-6.21-5.06-11.26-11.27-11.26zm6.26 95.74a6.27 6.27 0 0 1-6.26 6.26H17.76a6.27 6.27 0 0 1-6.26-6.26V17.76a6.27 6.27 0 0 1 6.26-6.26h84.49a6.27 6.27 0 0 1 6.26 6.26v84.48z"
/>
<path
fill="#9ac6fd"
d="M86.41 76.01 80.83 81c-.59.53-1.43.66-2.15.34a2 2 0 0 1-1.18-1.83V29.25a2.5 2.5 0 0 0-5 0v50.26c0 .79-.46 1.5-1.18 1.83-.72.32-1.56.19-2.15-.34l-5.58-4.99a3.01 3.01 0 0 0-4.24.24c-.49.55-.76 1.26-.76 2 0 .85.36 1.67 1 2.24l13.41 12a2.997 2.997 0 0 0 4 0l13.41-12c1.23-1.1 1.34-3 .24-4.24-1.11-1.23-3.01-1.34-4.24-.24zM60.65 43.75c1.1-1.23 1-3.13-.24-4.24L47 27.51a2.997 2.997 0 0 0-4 0l-13.41 12c-.64.57-1 1.38-1 2.24 0 .74.27 1.45.76 2 1.1 1.23 3 1.34 4.24.24L39.17 39c.37-.33.85-.51 1.33-.51.28 0 .55.06.82.17a2 2 0 0 1 1.18 1.83v50.26a2.5 2.5 0 0 0 5 0V40.49c0-.79.46-1.5 1.18-1.83.72-.32 1.56-.19 2.15.34l5.58 4.99c1.23 1.1 3.13.99 4.24-.24z"
/>
<g fill="#307dba">
<path
d="M102.24 2.5H17.76C9.34 2.5 2.5 9.34 2.5 17.76v84.49c0 8.41 6.84 15.26 15.26 15.26h84.49c8.41 0 15.26-6.84 15.26-15.26V17.76c-.01-8.42-6.85-15.26-15.27-15.26zm11.26 99.74c0 6.21-5.05 11.26-11.26 11.26H17.76c-6.21 0-11.26-5.05-11.26-11.26V17.76c0-6.21 5.05-11.26 11.26-11.26h84.49c6.21 0 11.26 5.05 11.26 11.26v84.48z"
/>
<path
d="M102.24 11.5H17.76a6.27 6.27 0 0 0-6.26 6.26v84.49a6.27 6.27 0 0 0 6.26 6.26h84.49a6.27 6.27 0 0 0 6.26-6.26V17.76c-.01-3.45-2.82-6.26-6.27-6.26zm2.26 90.74c0 1.24-1.01 2.26-2.26 2.26H17.76c-1.24 0-2.26-1.01-2.26-2.26V17.76c0-1.24 1.01-2.26 2.26-2.26h84.49c1.24 0 2.26 1.01 2.26 2.26v84.48z"
/>
<path
d="m83.74 73.03-2.24 2.01V29.25c0-3.58-2.92-6.5-6.5-6.5s-6.5 2.92-6.5 6.5v45.79l-2.24-2.01c-2.88-2.57-7.31-2.33-9.88.55a6.993 6.993 0 0 0-1.78 4.67c0 1.99.85 3.89 2.33 5.22l13.41 12c1.33 1.19 3 1.79 4.67 1.79s3.34-.59 4.67-1.79l13.41-12c2.88-2.58 3.12-7.01.55-9.88-2.58-2.88-7.02-3.13-9.9-.56zm6.67 7.46L77 92.49a2.997 2.997 0 0 1-4 0l-13.41-12c-.64-.57-1-1.38-1-2.24a2.994 2.994 0 0 1 3-3c.71 0 1.43.25 2 .76L69.17 81c.59.53 1.43.66 2.15.34s1.18-1.04 1.18-1.83V29.25a2.5 2.5 0 0 1 5 0v50.26c0 .79.46 1.5 1.18 1.83.72.32 1.56.19 2.15-.34l5.58-4.99c1.23-1.1 3.13-1 4.24.24 1.1 1.23.99 3.13-.24 4.24z"
/>
<path
d="M63.63 46.42c2.57-2.87 2.33-7.31-.55-9.88l-13.41-12a6.988 6.988 0 0 0-9.33 0l-13.41 12a7.012 7.012 0 0 0-.55 9.89c2.57 2.88 7.01 3.12 9.88.55l2.24-2.01v45.79c0 3.58 2.92 6.5 6.5 6.5s6.5-2.92 6.5-6.5v-45.8l2.24 2.01c2.88 2.57 7.32 2.32 9.89-.55zM50.83 39c-.59-.53-1.43-.66-2.15-.34a2 2 0 0 0-1.18 1.83v50.26a2.5 2.5 0 0 1-5 0V40.49c0-.79-.46-1.5-1.18-1.83-.26-.12-.54-.17-.82-.17-.48 0-.96.17-1.33.51l-5.58 4.99c-1.23 1.1-3.13 1-4.24-.24-.49-.55-.76-1.26-.76-2 0-.85.36-1.67 1-2.24l13.41-12a2.997 2.997 0 0 1 4 0l13.41 12c1.23 1.11 1.34 3.01.24 4.24s-3 1.34-4.24.24z"
/>
</g>
</svg>
More icons in the same style and category