Add icons to this collection by clicking the heart icon.
Up And Down Arrow icon - also known as arrows, arrow, up, down, 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-5.126 17.69a.508.508 0 0 1-.715.022l-2.155-2.028v6.372a.5.5 0 0 1-1 0v-6.38l-2.163 2.036c-.467.449-1.177-.285-.694-.729l3.006-2.828a.513.513 0 0 1 .694 0l3.006 2.828a.5.5 0 0 1 .021.707zm-.01-8.659-3.007 2.829a.509.509 0 0 1-.693 0l-3.006-2.829c-.48-.442.226-1.18.694-.728l2.155 2.028V6.96a.5.5 0 0 1 1 0v6.38l2.163-2.036c.467-.45 1.175.285.693.728z"
/>
</svg>
More icons in the same style and category