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.683"
x2="16.35"
y1="-.014"
y2="33.653"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b621fe" />
<stop offset="1" stop-color="#1fd1f9" />
</linearGradient>
<linearGradient
id="b"
x1="12.76"
x2="13.427"
y1=".044"
y2="33.711"
href="#a"
/>
<linearGradient
id="c"
x1="18.704"
x2="19.37"
y1="-.073"
y2="33.593"
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="m16.982 20.623-8.404-8.404-1.414 1.414 8.404 8.404h-2.642v2h6.056v-6.055h-2z"
/>
<path
fill="url(#c)"
d="M18.992 10.05v-2h-5.886v5.887h2v-2.473l8.427 8.427 1.414-1.414-8.427-8.427z"
/>
</g>
</svg>
More icons in the same style and category