Add icons to this collection by clicking the heart icon.
Swap icon - also known as arrows, arrow, direction, orientation, directional, multimedia, multimedia option, diagonal, swap, down right arrow, and diagonal arrow. 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.873"
x2="13.206"
y1="-.309"
y2="33.025"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b621fe" />
<stop offset="1" stop-color="#1fd1f9" />
</linearGradient>
<linearGradient
id="b"
x1="18.893"
x2="19.227"
y1="-.369"
y2="32.964"
href="#a"
/>
<linearGradient
id="c"
x1="15.837"
x2="16.17"
y1="-.338"
y2="32.995"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="m17.229 21.229-8.831-8.831-1.061 1.061 8.831 8.831h-3.245v1.5h5.806v-5.805h-1.5z"
/>
<path
fill="url(#b)"
d="m14.853 10.863 8.854 8.854 1.06-1.06-8.854-8.854h3.077v-1.5h-5.637v5.637h1.5z"
/>
<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