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="13.785"
x2="14.118"
y1=".016"
y2="32.016"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b621fe" />
<stop offset="1" stop-color="#1fd1f9" />
</linearGradient>
<linearGradient
id="b"
x1="17.98"
x2="18.314"
y1="-.028"
y2="31.972"
href="#a"
/>
<linearGradient
id="c"
x1="15.833"
x2="16.167"
y1="-.005"
y2="31.995"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="m9.811 15.84 8.831 8.831 1.061-1.06-8.831-8.831h3.245v-1.5H8.311v5.805h1.5z"
/>
<path
fill="url(#b)"
d="m22.299 16.095-8.854-8.854-1.061 1.061 8.854 8.854h-3.076v1.5h5.637v-5.637h-1.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