Add icons to this collection by clicking the heart icon.
Up And Down icon - also known as arrows, vertical, ui, down arrow, up and down, compare, up down, 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 32 32"
>
<defs>
<linearGradient
id="a"
x1="3"
x2="29"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feda75" />
<stop offset=".091" stop-color="#fed16c" />
<stop offset=".242" stop-color="#fcb754" />
<stop offset=".433" stop-color="#fb8e2d" />
<stop offset=".5" stop-color="#fa7e1e" />
<stop offset="1" stop-color="#962fbf" />
</linearGradient>
</defs>
<path
d="M23.5 3h-15A5.507 5.507 0 0 0 3 8.5v15A5.507 5.507 0 0 0 8.5 29h15a5.507 5.507 0 0 0 5.5-5.5v-15A5.507 5.507 0 0 0 23.5 3ZM28 23.5a4.505 4.505 0 0 1-4.5 4.5h-15A4.505 4.505 0 0 1 4 23.5v-15A4.505 4.505 0 0 1 8.5 4h15A4.505 4.505 0 0 1 28 8.5Zm-10.624-5.466a.5.5 0 0 1 0 .707l-5.01 5.01a.486.486 0 0 1-.163.109.5.5 0 0 1-.382 0 .477.477 0 0 1-.163-.109l-5.012-5.01a.5.5 0 0 1 .708-.707l4.158 4.158V8.6a.5.5 0 0 1 1 0v13.591l4.157-4.157a.5.5 0 0 1 .707 0Zm7.978-4.775a.5.5 0 1 1-.708.707l-4.158-4.158V23.4a.5.5 0 0 1-1 0V9.809l-4.157 4.157a.5.5 0 1 1-.707-.707l5.01-5.01a.486.486 0 0 1 .166-.109.5.5 0 0 1 .382 0 .477.477 0 0 1 .163.109Z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category