Add icons to this collection by clicking the heart icon.
Up And Down icon - also known as arrows, arrow, two, up and down, and up and down arrow. Created in a clean flat 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"
>
<linearGradient
id="a"
x1="16"
x2="16"
y1="29"
y2="3"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a0841" />
<stop offset=".999" stop-color="#4f9da6" />
</linearGradient>
<path
fill="url(#a)"
d="M24.5 3h-17A4.505 4.505 0 0 0 3 7.5v17A4.505 4.505 0 0 0 7.5 29h17a4.505 4.505 0 0 0 4.5-4.5v-17A4.505 4.505 0 0 0 24.5 3zm-3.197 21.839a.5.5 0 0 1-.707 0L16.5 20.743v5.73a.5.5 0 0 1-1 0v-5.73l-4.096 4.096a.5.5 0 0 1-.707-.707l4.95-4.95a.5.5 0 0 1 .707 0l4.95 4.95a.5.5 0 0 1 0 .707zM13 16a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm8.303-8.132-4.949 4.95a.504.504 0 0 1-.708 0l-4.95-4.95a.5.5 0 0 1 .708-.707l4.096 4.096V5.66a.5.5 0 1 1 1 0v5.597l4.096-4.096c.452-.465 1.173.255.707.707z"
/>
</svg>
More icons in the same style and category