Add icons to this collection by clicking the heart icon.
Swap icon - also known as arrows, direction, orientation, directional sign, swap, diagonal arrow, and user interface. Created in a clean gradient 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 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="511.99"
y2=".01"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6c54a3" />
<stop offset="1" stop-color="#00b1d2" />
</linearGradient>
<path
fill="url(#a)"
fill-rule="evenodd"
d="M241.943 63.991H328a23.991 23.991 0 1 0 0-47.981H184a23.968 23.968 0 0 0-24 23.96V184a24 24 0 0 0 48 0V97.936L455.033 344.96a23.993 23.993 0 1 0 33.929-33.934zM184 447.99h86.054L23.03 200.96a24 24 0 1 1 33.934-33.935L304 414.05v-86.059a24 24 0 0 1 48 0v144a23.994 23.994 0 0 1-24 24H184a24 24 0 1 1 0-48zm96.568-368 219.708 219.723a39.993 39.993 0 1 1-56.556 56.561L224 136.562V184a40 40 0 0 1-80 0V39.97A39.975 39.975 0 0 1 184 .01h144a39.991 39.991 0 1 1 0 79.981zM184 431.99h47.427L11.716 212.273a40 40 0 0 1 56.562-56.561L288 375.424v-47.433a40 40 0 0 1 80 0v144a40 40 0 0 1-40 40H184a40 40 0 1 1 0-80z"
/>
</svg>
More icons in the same style and category