Add icons to this collection by clicking the heart icon.
Bidirectional icon - also known as arrows, direction, exchange, change, ui, two arrows, bidirectional, and up and down arrows. 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 64 64"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="-2.709"
x2="51.825"
y1="12.423"
y2="66.601"
>
<stop offset="0" stop-color="#2baae2" />
<stop offset="1" stop-color="#2db674" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1="12.192"
x2="66.727"
y1="-2.577"
y2="51.602"
href="#linear-gradient"
/>
<g id="Icon">
<path
d="m17 60a1 1 0 0 1 -.872-.511l-12-21.389a1 1 0 0 1 .872-1.493h7v-9.214h-7a1 1 0 0 1 -.872-1.49l12-21.392a1.04 1.04 0 0 1 1.744 0l12 21.392a1 1 0 0 1 -.872 1.49h-7v9.214h7a1 1 0 0 1 .872 1.49l-12 21.392a1 1 0 0 1 -.872.511zm-10.292-21.393 10.292 18.349 10.292-18.349h-6.292a1 1 0 0 1 -1-1v-11.214a1 1 0 0 1 1-1h6.292l-10.292-18.349-10.292 18.349h6.292a1 1 0 0 1 1 1v11.214a1 1 0 0 1 -1 1z"
fill="url(#linear-gradient)"
/>
<path
d="m47 60a1 1 0 0 1 -.872-.511l-12-21.392a1 1 0 0 1 .872-1.49h7v-9.214h-7a1 1 0 0 1 -.872-1.49l12-21.392a1.04 1.04 0 0 1 1.744 0l12 21.392a1 1 0 0 1 -.872 1.49h-7v9.214h7a1 1 0 0 1 .872 1.49l-12 21.392a1 1 0 0 1 -.872.511zm-10.292-21.393 10.292 18.349 10.292-18.349h-6.292a1 1 0 0 1 -1-1v-11.214a1 1 0 0 1 1-1h6.292l-10.292-18.349-10.292 18.349h6.292a1 1 0 0 1 1 1v11.214a1 1 0 0 1 -1 1z"
fill="url(#linear-gradient-2)"
/>
</g>
</svg>
More icons in the same style and category