Add icons to this collection by clicking the heart icon.
Up And Down Arrow icon - also known as down, ui, two arrows, Two way, up and down, sort, up and down arrow, up and down arrows, and up down. Created in a clean outline 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 64 64"
>
<rect width="38" height="4" x="13" y="2" fill="#829bb3" rx="2" />
<path fill="#6d8296" d="M51 4H17a2 2 0 0 0-2 2h34a2 2 0 0 0 2-2z" />
<rect width="38" height="4" x="13" y="58" fill="#829bb3" rx="2" />
<path fill="#6d8296" d="M51 60H17a2 2 0 0 0-2 2h34a2 2 0 0 0 2-2z" />
<path
fill="#ffea89"
d="m42.487 16.662-9-10a2 2 0 0 0-2.974 0l-9 10a2 2 0 0 0 .149 2.824 2 2 0 0 0 2.825-.148L30 13.212V43a2 2 0 0 0 2 2 2 2 0 0 0 2-2V13.212l5.513 6.126a2 2 0 0 0 2.825.148 2 2 0 0 0 .149-2.824z"
/>
<path
fill="#ffdc3a"
d="m42.332 19.491-8.845-9.829a2 2 0 0 0-2.974 0l-8.845 9.829a2 2 0 0 0 2.819-.153L30 13.212V43a2 2 0 0 0 2 2 2 2 0 0 0 2-2V13.212l5.513 6.126a2 2 0 0 0 2.819.153z"
/>
<path
fill="#ffea89"
d="M39.513 44.662 32 53.01l-7.513-8.348a2 2 0 0 0-2.825-.148 2 2 0 0 0-.149 2.824l9 10a2 2 0 0 0 2.974 0l9-10a2 2 0 0 0-.149-2.824 2 2 0 0 0-2.825.148z"
/>
<path
fill="#ffdc3a"
d="M39.513 47.662 32 56.01l-7.513-8.348a2 2 0 0 0-2.819-.153l8.845 9.829a2 2 0 0 0 2.974 0l8.845-9.829a2 2 0 0 0-2.819.153z"
/>
<path
d="M15 7h13.864l-8.094 8.993a3 3 0 0 0 4.46 4.014L29 15.818V43a3 3 0 0 0 6 0V15.818l3.77 4.189a3 3 0 0 0 4.46-4.014L35.136 7H49a3 3 0 0 0 0-6H15a3 3 0 0 0 0 6zm26.743 10.331a1 1 0 0 1-1.487 1.338l-5.513-6.126a1 1 0 0 0-1.743.669V43a1 1 0 0 1-2 0V13.212a1 1 0 0 0-1.743-.669l-5.513 6.126a1 1 0 0 1-1.487-1.338l9-10a1 1 0 0 1 1.486 0zM15 3h34a1 1 0 0 1 0 2H15a1 1 0 0 1 0-2z"
/>
<path
d="M49 57H35.136l8.094-8.993a3 3 0 0 0-.223-4.237 3 3 0 0 0-4.237.223L32 51.515l-6.77-7.522a3 3 0 0 0-4.237-.223 3 3 0 0 0-.223 4.237L28.864 57H15a3 3 0 0 0 0 6h34a3 3 0 0 0 0-6zM22.257 46.669a1 1 0 0 1 .074-1.412 1 1 0 0 1 1.413.074l7.513 8.348a1 1 0 0 0 1.486 0l7.513-8.348a1 1 0 0 1 1.413-.074 1 1 0 0 1 .074 1.412l-9 10a1 1 0 0 1-1.486 0zM49 61H15a1 1 0 0 1 0-2h34a1 1 0 0 1 0 2z"
/>
</svg>
More icons in the same style and category