Add icons to this collection by clicking the heart icon.
Swap icon - also known as arrows, direction, flow, directional sign, diagonal, swap, 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="15.882"
x2="16.132"
y1=".247"
y2="33.497"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b621fe" />
<stop offset="1" stop-color="#1fd1f9" />
</linearGradient>
<linearGradient
id="b"
x1="13.813"
x2="14.063"
y1=".263"
y2="33.513"
href="#a"
/>
<linearGradient
id="c"
x1="18.049"
x2="18.299"
y1=".231"
y2="33.481"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M26.607 5.393a15 15 0 1 0 0 21.213 15.008 15.008 0 0 0 0-21.213zm-1.415 19.8a13 13 0 1 1 0-18.385 13.005 13.005 0 0 1 0 18.384z"
/>
<path
fill="url(#b)"
d="M14.117 15.03v-2H8.061v6.055h2v-2.641l8.405 8.404 1.414-1.414-8.405-8.404z"
/>
<path
fill="url(#c)"
d="m22.049 15.492-8.427-8.427-1.415 1.414 8.428 8.427h-2.473v2h5.887v-5.887h-2z"
/>
</g>
</svg>
More icons in the same style and category