Add icons to this collection by clicking the heart icon.
Swap icon - also known as arrows, direction, left, right, flow, directional sign, horizontal, 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="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="15.627"
x2="16.377"
y1="-1.014"
y2="33.236"
>
<stop offset="0" stop-color="#b621fe" />
<stop offset="1" stop-color="#1fd1f9" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1="15.69"
x2="16.44"
y1="-1.015"
y2="33.235"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-3"
x1="15.555"
x2="16.305"
y1="-1.012"
y2="33.238"
href="#linear-gradient"
/>
<g id="swap_left_right" fill-rule="evenodd">
<path
d="m16 1a15 15 0 1 0 15 15 15.007 15.007 0 0 0 -15-15zm0 28a13 13 0 1 1 13-13 13.006 13.006 0 0 1 -13 13z"
fill="url(#linear-gradient)"
/>
<path
d="m13.968 16.664-1.414-1.414-4.282 4.282 4.282 4.282 1.414-1.415-1.867-1.867h11.885v-2h-11.885z"
fill="url(#linear-gradient-2)"
/>
<path
d="m18.155 15.13 1.414 1.415 4.163-4.163-4.163-4.163-1.414 1.414 1.749 1.749h-11.918v2h11.918z"
fill="url(#linear-gradient-3)"
/>
</g>
</svg>
More icons in the same style and category