Add icons to this collection by clicking the heart icon.
Up And Down Arrow icon - also known as arrows, 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 flat 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 fill="#829bb3" height="4" rx="2" width="38" x="13" y="2" />
<path d="m51 4h-34a2 2 0 0 0 -2 2h34a2 2 0 0 0 2-2z" fill="#6d8296" />
<rect fill="#829bb3" height="4" rx="2" width="38" x="13" y="58" />
<path d="m51 60h-34a2 2 0 0 0 -2 2h34a2 2 0 0 0 2-2z" fill="#6d8296" />
<path
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-.148l5.513-6.126v29.788a2 2 0 0 0 2 2 2 2 0 0 0 2-2v-29.788l5.513 6.126a2 2 0 0 0 2.825.148 2 2 0 0 0 .149-2.824z"
fill="#ffea89"
/>
<path
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-.153l5.513-6.126v29.788a2 2 0 0 0 2 2 2 2 0 0 0 2-2v-29.788l5.513 6.126a2 2 0 0 0 2.819.153z"
fill="#ffdc3a"
/>
<path
d="m39.513 44.662-7.513 8.348-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"
fill="#ffea89"
/>
<path
d="m39.513 47.662-7.513 8.348-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"
fill="#ffdc3a"
/>
</svg>
More icons in the same style and category