Add icons to this collection by clicking the heart icon.
Up And Down Arrow icon - also known as arrows, arrow, two, down, reorder, two arrows, sort, up and down arrow, up down, and user interface. 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"
>
<linearGradient
id="a"
x1="15.876"
x2="16.126"
y1="-.749"
y2="33.001"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b621fe" />
<stop offset="1" stop-color="#1fd1f9" />
</linearGradient>
<linearGradient
id="b"
x1="15.913"
x2="16.163"
y1="-.749"
y2="33.001"
href="#a"
/>
<linearGradient
id="c"
x1="15.844"
x2="16.094"
y1="-.749"
y2="33.001"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M26.607 5.393a15 15 0 1 0 0 21.213 15.007 15.007 0 0 0 0-21.213zm-1.414 19.8a13 13 0 1 1 0-18.385 13.007 13.007 0 0 1 0 18.385z"
/>
<path
fill="url(#b)"
d="m11.296 11.295 1.414 1.414 2.293-2.292v4.586h2v-4.586l2.293 2.292 1.414-1.414-4.707-4.706z"
/>
<path
fill="url(#c)"
d="M17.003 21.589v-4.586h-2v4.586l-2.293-2.294-1.414 1.414 4.707 4.708 4.707-4.708-1.414-1.414z"
/>
</g>
</svg>
More icons in the same style and category