Add icons to this collection by clicking the heart icon.
Swap icon - also known as arrows, arrow, direction, flow, directional sign, diagonal, 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 32 32"
>
<linearGradient
id="a"
x1="16"
x2="16"
y1=".333"
y2="32.667"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b621fe" />
<stop offset="1" stop-color="#1fd1f9" />
</linearGradient>
<linearGradient
id="b"
x1="18.927"
x2="18.927"
y1=".333"
y2="32.667"
href="#a"
/>
<linearGradient
id="c"
x1="12.974"
x2="12.974"
y1=".333"
y2="32.667"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M26.607 5.393a15 15 0 1 0 0 21.213 15.007 15.007 0 0 0 0-21.213zm-1.414 19.8a13 13 0 1 1 0-18.385 13.006 13.006 0 0 1 0 18.384z"
/>
<path
fill="url(#b)"
d="m23.422 12.219-8.404 8.404v-2.641h-2v6.055h6.057v-2h-2.643l8.404-8.404z"
/>
<path
fill="url(#c)"
d="M16.895 13.937h2V8.05h-5.887v2h2.473l-8.427 8.427 1.414 1.414 8.427-8.427z"
/>
</g>
</svg>
More icons in the same style and category