Add icons to this collection by clicking the heart icon.
Swap icon - also known as arrows, direction, up, order, flow, down, 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.2zm15.637 4.44 3.986 3.986-1.061 1.061-2.175-2.175v12.52h-1.5V11.511l-2.176 2.175-1.061-1.06zm-10.2 9.587 2.295 2.295V8.032h1.5v12.489l2.294-2.295 1.061 1.061-4.1 4.105-4.1-4.105z"
/>
<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="m16.592 19.287-1.061-1.06-2.294 2.294V8.032h-1.5v12.489l-2.295-2.294-1.06 1.06 4.105 4.106z"
/>
<g fill="#0097e6">
<path
d="M18.887 11.511v12.521h1.5V11.511l2.175 2.175 1.061-1.06-3.986-3.986-3.987 3.986 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