Add icons to this collection by clicking the heart icon.
Swap icon - also known as arrows, arrow, navigate, direction, web, sign, change, two arrows, right and left, alter, swap, and user interface. Created in a clean color omission 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 64 64"
>
<path
fill="#80d8fe"
d="M19.004 35.292V23.99a3.008 3.008 0 0 1 3.008-3.008h10.639l-.835 4.334c0 1.5 1.809 2.256 2.874 1.197l3.019-3.019 5.821-5.821c.329-.335.5-.763.5-1.197a1.7 1.7 0 0 0-.5-1.19l-5.821-5.821-3.019-3.018c-1.065-1.059-2.874-.303-2.874 1.197l.835 4.334H18.428A8.428 8.428 0 0 0 10 20.406V35.48a4.503 4.503 0 0 0 4.64 4.5c2.464-.074 4.364-2.223 4.364-4.688z"
/>
<path
fill="#fff"
d="m43.53 15.287-5.821-5.821-.683-.683 4.504 4.504c.329.335.5.763.5 1.19 0 .434-.171.862-.5 1.197l-5.821 5.821-3.019 3.019c-.24.238-.518.372-.804.439l-.07.364c0 1.5 1.809 2.256 2.874 1.197l3.019-3.019 5.821-5.821c.329-.335.5-.763.5-1.197a1.7 1.7 0 0 0-.5-1.19z"
/>
<path
fill="#80d8fe"
d="M44.996 28.708V40.01a3.008 3.008 0 0 1-3.008 3.008H31.349l.835-4.334c0-1.5-1.809-2.256-2.874-1.197l-3.019 3.019-5.821 5.821c-.329.335-.5.763-.5 1.197 0 .428.171.855.5 1.19l5.821 5.821 3.019 3.019c1.065 1.059 2.874.303 2.874-1.197l-.835-4.334h14.224a8.428 8.428 0 0 0 8.428-8.428V28.521a4.503 4.503 0 0 0-4.64-4.5c-2.465.073-4.365 2.222-4.365 4.687z"
/>
<path
fill="#fff"
d="m31.349 55.022.459 2.384c.226-.279.376-.631.376-1.05l-.257-1.334zM49.36 24.02c-2.464.074-4.364 2.224-4.364 4.689v3c0-2.465 1.9-4.615 4.364-4.689a4.502 4.502 0 0 1 4.64 4.5v-3a4.501 4.501 0 0 0-4.64-4.5z"
/>
<path
fill="#455a64"
d="M42.815 15.986a.706.706 0 0 1 .214.491.698.698 0 0 1-.207.49l-8.837 8.837a.66.66 0 0 1-.746.147.664.664 0 0 1-.42-.558l.814-4.222a.998.998 0 0 0-.982-1.189h-10.64a4.013 4.013 0 0 0-4.008 4.008v4.282a1 1 0 0 0 2 0V23.99a2.01 2.01 0 0 1 2.008-2.008h9.429l-.606 3.145a1.008 1.008 0 0 0-.018.189c0 1.106.634 2.057 1.655 2.482 1.02.423 2.14.203 2.926-.578l8.847-8.847c.506-.517.785-1.19.785-1.896 0-.702-.279-1.374-.792-1.897l-2.306-2.306a.999.999 0 1 0-1.414 1.414z"
/>
<path
fill="#455a64"
d="M20.004 33.161a1 1 0 0 0-2 0v2.131c0 1.978-1.522 3.633-3.393 3.689a3.49 3.49 0 0 1-2.547-.987A3.471 3.471 0 0 1 11 35.48V20.406c0-4.095 3.332-7.427 7.428-7.427h14.224a1 1 0 0 0 .982-1.189l-.814-4.222a.664.664 0 0 1 .42-.558.66.66 0 0 1 .744.145l2.071 2.071a.999.999 0 1 0 1.414-1.414l-2.074-2.074a2.644 2.644 0 0 0-2.924-.575 2.647 2.647 0 0 0-1.655 2.482 1 1 0 0 0 .018.189l.606 3.145H18.428C13.229 10.979 9 15.208 9 20.406V35.48c0 1.5.593 2.903 1.67 3.948a5.458 5.458 0 0 0 3.83 1.554c.057 0 .113 0 .17-.002 2.94-.088 5.333-2.641 5.333-5.688v-2.131zM38.043 11.214l.449.449a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-.449-.449a.999.999 0 1 0-1.414 1.414zM24.211 51.041l-3.027-3.027a.706.706 0 0 1-.214-.491c0-.182.074-.354.207-.49l8.837-8.837a.662.662 0 0 1 .746-.147c.119.049.386.2.42.558l-.814 4.222a.998.998 0 0 0 .982 1.189h10.64a4.013 4.013 0 0 0 4.008-4.008v-4.679a1 1 0 0 0-2 0v4.679a2.01 2.01 0 0 1-2.008 2.008H32.56l.606-3.145c.012-.063.018-.126.018-.189a2.647 2.647 0 0 0-1.655-2.482 2.64 2.64 0 0 0-2.926.578l-8.847 8.847a2.701 2.701 0 0 0-.785 1.896c0 .702.279 1.374.792 1.897l3.034 3.034a.997.997 0 0 0 1.414 0 .998.998 0 0 0 0-1.413z"
/>
<path
fill="#455a64"
d="M53.33 24.571a5.449 5.449 0 0 0-4-1.551c-2.94.088-5.333 2.641-5.333 5.688v2.042a1 1 0 0 0 2 0v-2.042c0-1.978 1.522-3.633 3.393-3.689a3.486 3.486 0 0 1 2.547.987A3.474 3.474 0 0 1 53 28.52v15.075c0 4.095-3.332 7.427-7.428 7.427H31.349a1 1 0 0 0-.982 1.189l.814 4.222a.664.664 0 0 1-.42.558.657.657 0 0 1-.744-.145l-1.751-1.751a.999.999 0 1 0-1.414 1.414l1.753 1.753a2.649 2.649 0 0 0 2.923.576 2.647 2.647 0 0 0 1.655-2.482 1 1 0 0 0-.018-.189l-.606-3.145h13.013c5.198 0 9.428-4.229 9.428-9.427V28.52a5.46 5.46 0 0 0-1.67-3.949zM26.494 53.323l-.362-.362a.999.999 0 1 0-1.414 1.414l.362.362a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414z"
/>
</svg>
More icons in the same style and category