Add icons to this collection by clicking the heart icon.
Swap icon - also known as arrows, direction, up, orientation, transfer, ui, switch, sort, up down, swap, and user interface. Created in a clean blue style with a white, gray, and teal finish, 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"
>
<g>
<path
fill="none"
d="M4 4.2v19.6A4.2 4.2 0 0 0 8.2 28h19.6a4.148 4.148 0 0 0 .7-.078 3.417 3.417 0 0 0 .75-2.122V6.2a3.452 3.452 0 0 0-3.45-3.45H6.2a3.417 3.417 0 0 0-2.122.75A4.148 4.148 0 0 0 4 4.2zm14.887 16.321V8h1.5v12.521l2.175-2.175 1.061 1.061-3.986 3.986-3.987-3.987 1.061-1.061zm-6.4-11.881 4.105 4.105-1.061 1.061-2.294-2.294V24h-1.5V11.511l-2.295 2.295-1.06-1.061z"
/>
<path
fill="#ddeaff"
d="M8.2 28A4.2 4.2 0 0 1 4 23.8V4.2a4.148 4.148 0 0 1 .078-.7A3.431 3.431 0 0 0 2.75 6.2v19.6a3.452 3.452 0 0 0 3.45 3.45h19.6a3.431 3.431 0 0 0 2.7-1.328 4.148 4.148 0 0 1-.7.078z"
/>
<path
fill="#487eb0"
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"
/>
<g fill="#0097e6">
<path
d="m19.637 23.393 3.986-3.987-1.061-1.06-2.175 2.175V8h-1.5v12.521l-2.176-2.175-1.061 1.06z"
/>
<path
d="M25.8 1.25H6.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.95V6.2a4.952 4.952 0 0 0-4.95-4.95zm0 1.5a3.452 3.452 0 0 1 3.45 3.45v19.6a3.489 3.489 0 0 1-3.45 3.45H6.2a3.452 3.452 0 0 1-3.45-3.45V6.2A3.489 3.489 0 0 1 6.2 2.75z"
/>
</g>
</g>
</svg>
More icons in the same style and category