Add icons to this collection by clicking the heart icon.
Swap icon - also known as arrow, reverse, orientation, vertical, ui, flip, switch, alter, sort, and swap. Created in a clean lineal color 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 512 512"
>
<g>
<path
d="m504 200c0 8.809-7.136 16-16 16h-16c-8.837 0-16-7.163-16-16 0-30.842-24.987-56-56-56h-304l34.343 34.343c3.124 3.124 3.124 8.19 0 11.314l-20.686 20.686c-3.124 3.124-8.19 3.124-11.314 0l-90.343-90.343 90.343-90.343c3.124-3.124 8.19-3.124 11.314 0l20.686 20.686c3.124 3.124 3.124 8.19 0 11.314l-34.343 34.343h304c57.438 0 104 46.563 104 104z"
fill="#c8effd"
/>
<g fill="#a0e1fd">
<path
d="m96 144v-8h-18.343c-5.055 0-7.531 6.126-4 9.657l32.686 32.686c3.124 3.124 3.124 8.189 0 11.313l-14.343 14.344 6.343 6.343c3.124 3.124 8.19 3.124 11.314 0l20.686-20.687c3.124-3.124 3.124-8.189 0-11.313z"
/>
<path
d="m77.657 104h18.343v-8l34.343-34.343c3.124-3.124 3.124-8.189 0-11.313l-20.686-20.687c-3.124-3.124-8.19-3.124-11.314 0l-6.343 6.343 14.343 14.343c3.124 3.124 3.124 8.189 0 11.313l-32.686 32.688c-3.532 3.531-1.054 9.656 4 9.656z"
/>
<path
d="m400 96h-24c57.438 0 104 46.562 104 104 0 7.453-5.103 13.697-12 15.476 2.707.698 2.565.524 20 .524 8.837 0 16-7.164 16-16 0-57.437-46.562-104-104-104z"
/>
</g>
<path
d="m8 312.001c0-8.809 7.136-16 16-16h16c8.837 0 16 7.163 16 16 0 30.842 24.987 56 56 56h304l-34.343-34.343c-3.124-3.124-3.124-8.19 0-11.314l20.686-20.686c3.124-3.124 8.19-3.124 11.314 0l90.343 90.342-90.343 90.343c-3.124 3.124-8.19 3.124-11.314 0l-20.686-20.686c-3.124-3.124-3.124-8.19 0-11.314l34.343-34.343h-304c-57.438 0-104-46.562-104-103.999z"
fill="#7acef9"
/>
<path
d="m31 312c0 30.928 25.072 56 56 56h25c-30.928 0-56-25.072-56-56 0-8.836-7.163-16-16-16-16.241 0-17.366-.265-20.5.653 6.644 1.946 11.5 8.075 11.5 15.347z"
fill="#6cb9e7"
/>
<path
d="m413.657 301.657c-3.124-3.124-8.19-3.124-11.314 0l-6.843 6.843 83.5 83.5-83.5 83.5 6.843 6.843c3.124 3.124 8.19 3.124 11.314 0l90.343-90.343z"
fill="#6cb9e7"
/>
<path
d="m92.687 216c6.238 6.238 16.389 6.238 22.627 0l20.686-20.686c6.238-6.238 6.238-16.389 0-22.627l-20.686-20.687h284.686c26.467 0 48 21.533 48 48 0 13.234 10.767 24 24 24h16c13.233 0 24-10.766 24-24 0-61.757-50.243-112-112-112h-284.686l20.686-20.686c6.238-6.238 6.238-16.389 0-22.627l-20.686-20.687c-6.238-6.238-16.389-6.238-22.627 0l-90.344 90.344c-3.125 3.124-3.125 8.189 0 11.313zm11.313-180.686 20.687 20.686-34.344 34.344c-5.026 5.025-1.46 13.656 5.657 13.656h304c52.935 0 96 43.065 96 96 0 4.411-3.589 8-8 8h-16c-4.411 0-8-3.589-8-8 0-35.29-28.71-64-64-64h-304c-7.102 0-10.693 8.621-5.657 13.657l34.344 34.343-20.687 20.687-84.686-84.687z"
/>
<path
d="m509.657 386.344-90.344-90.344c-6.237-6.235-16.387-6.237-22.628.001l-20.685 20.686c-6.254 6.253-6.255 16.375-.001 22.628l20.688 20.685h-284.687c-26.467 0-48-21.533-48-48 0-13.234-10.766-24-24-24h-16c-13.234 0-24 10.766-24 24 0 61.757 50.243 112 112 112h284.687l-20.686 20.686c-6.254 6.253-6.255 16.375-.001 22.628l20.687 20.688c6.238 6.236 16.388 6.236 22.628-.001l90.343-90.343c3.123-3.125 3.123-8.19-.001-11.314zm-101.657 90.343-20.685-20.687 34.343-34.343c5.03-5.03 1.451-13.657-5.657-13.657h-304.001c-52.935 0-96-43.065-96-96 0-4.411 3.589-8 8-8h16c4.411 0 8 3.589 8 8 0 35.29 28.71 64 64 64h304c7.114 0 10.684-8.63 5.657-13.657l-34.342-34.343 20.685-20.686 84.687 84.686z"
/>
</g>
</svg>
More icons in the same style and category