Add icons to this collection by clicking the heart icon.
Swap icon - also known as arrows, direction, up, orientation, transfer, ui, double sided arrow, switch, sort, up down, 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="12.356"
x2="12.689"
y1="-.631"
y2="33.369"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b621fe" />
<stop offset="1" stop-color="#1fd1f9" />
</linearGradient>
<linearGradient
id="b"
x1="19.439"
x2="19.773"
y1="-.7"
y2="33.3"
href="#a"
/>
<linearGradient
id="c"
x1="15.837"
x2="16.17"
y1="-.665"
y2="33.335"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M11.737 11.511V24h1.5V11.511l2.294 2.295 1.061-1.061-4.105-4.105-4.105 4.105 1.06 1.061z"
/>
<path
fill="url(#b)"
d="M20.387 20.521V8h-1.5v12.521l-2.176-2.175-1.061 1.061 3.987 3.986 3.986-3.986-1.061-1.061z"
/>
<path
fill="url(#c)"
d="M29.25 6.2v19.6a3.452 3.452 0 0 1-3.45 3.45H6.2a3.452 3.452 0 0 1-3.45-3.45V6.2A3.452 3.452 0 0 1 6.2 2.75h19.6a3.452 3.452 0 0 1 3.45 3.45zm1.5 0a4.952 4.952 0 0 0-4.95-4.95H6.2A4.952 4.952 0 0 0 1.25 6.2v19.6a4.952 4.952 0 0 0 4.95 4.95h19.6a4.952 4.952 0 0 0 4.95-4.95z"
/>
</g>
</svg>
More icons in the same style and category