Add icons to this collection by clicking the heart icon.
Up And Down Arrows icon - also known as interface, arrows, direction, directional sign, ui, bidirectional, and up and down arrows. Created in a clean circular 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-opacity=".25" />
<stop offset="1" stop-opacity="0" />
</linearGradient>
<linearGradient
id="b"
x1="208.875"
x2="244.675"
y1="183.525"
y2="219.325"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="234.75"
x2="432.83"
y1="234.65"
y2="432.73"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="#2196f3"
d="M256 6c138.1 0 250 111.9 250 250S394.1 506 256 506 6 394.1 6 256 117.9 6 256 6z"
/>
<path
fill="url(#b)"
d="M236.1 193.6v34.3l-35.8-35.8c1 .9 2.3 1.5 3.8 1.5z"
/>
<path
fill="url(#c)"
d="M484.7 357.2c-12.6 28.4-30.3 54-51.9 75.6s-47.2 39.3-75.5 51.8L252.2 379.5c2.1 2 5.5 2 7.6 0l52-51.7c3.4-3.4 1-9.3-3.9-9.3h-32l-.1-124.9h32.1c4.9 0 7.3-5.9 3.9-9.3z"
/>
<path
fill="#fff"
d="m259.8 379.5 52-51.7c3.4-3.4 1-9.3-3.9-9.3h-32l-.1-124.9h32.1c4.9 0 7.3-5.9 3.9-9.3l-52-51.7c-2.1-2.1-5.5-2.1-7.6 0l-52 51.7c-3.4 3.4-1 9.3 3.9 9.3h32l.1 124.9h-32.1c-4.9 0-7.3 5.9-3.9 9.3l52 51.7c2.1 2 5.5 2 7.6 0z"
/>
</svg>
More icons in the same style and category