Add icons to this collection by clicking the heart icon.
Swap icon - also known as arrows, direction, up, orientation, down, double sided arrow, and swap. 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 511.993 511.993"
>
<linearGradient
id="a"
x1="330.995"
x2="330.995"
y1="511.993"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#addcff" />
<stop offset=".503" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#eaf6ff" />
</linearGradient>
<linearGradient
id="b"
x1="180.998"
x2="180.998"
y1="511.986"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5558ff" />
<stop offset="1" stop-color="#00c0ff" />
</linearGradient>
<path
fill="url(#a)"
d="m403.477 96.262-60-90c-5.566-8.35-19.395-8.35-24.961 0l-60 90c-6.639 9.975.529 23.32 12.48 23.32h15v377.41c0 8.291 6.709 15 15 15h60c8.291 0 15-6.709 15-15v-377.41h15c11.985.001 19.102-13.372 12.481-23.32z"
/>
<path
fill="url(#b)"
d="M240.996 391.993h-15V15c0-8.291-6.709-15-15-15h-60c-8.291 0-15 6.709-15 15v376.993h-15c-11.984 0-19.102 13.372-12.48 23.32l60 90c5.932 8.898 19.03 8.896 24.961 0l60-90c6.639-9.975-.529-23.32-12.481-23.32z"
/>
</svg>
More icons in the same style and category