Add icons to this collection by clicking the heart icon.
Up And Down Arrows icon - also known as interface, arrows, cloud, data, transfer, multimedia, download, data storage, ui, cloud computing, up and down arrows, and cloud data. 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="512pt"
height="512pt"
viewBox="0 -85 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#662d91" />
<stop offset=".437" stop-color="#3873b3" />
<stop offset="1" stop-color="#00c9dd" />
</linearGradient>
<linearGradient
id="b"
x1="101.403"
x2="391.132"
y1="352.624"
y2="62.895"
gradientTransform="matrix(1.08613 0 0 -1.08613 0 417.65)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="74.066"
x2="363.795"
y1="325.287"
y2="35.558"
gradientTransform="matrix(1.08613 0 0 -1.08613 0 417.65)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="115.455"
x2="405.185"
y1="366.676"
y2="76.947"
gradientTransform="matrix(1.08613 0 0 -1.08613 0 417.65)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="32.677"
x2="322.406"
y1="283.898"
y2="-5.831"
gradientTransform="matrix(1.08613 0 0 -1.08613 0 417.65)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M452.063 128.566a60.98 60.98 0 0 0-18.418 2.832c.562-4.488.851-9.011.855-13.535C433.387 51.668 378.82-1.094 312.625.016c-48.305.812-91.402 30.543-109.316 75.41-34.645-21.48-80.145-10.813-101.625 23.832a73.825 73.825 0 0 0-11.067 37.504 61.126 61.126 0 0 0-30.68-8.196C26.837 128.566 0 155.402 0 188.504c0 33.105 26.836 59.937 59.938 59.937h50.476a8.563 8.563 0 0 0 0-17.125H59.938c-23.641-.382-42.497-19.859-42.11-43.504.383-23.64 19.86-42.496 43.5-42.109a42.815 42.815 0 0 1 35.43 19.828c2.59 3.957 7.898 5.063 11.855 2.477a8.566 8.566 0 0 0 3.25-10.371 54.284 54.284 0 0 1-4.144-20.508c.344-31.031 25.738-55.93 56.77-55.656a57.184 57.184 0 0 1 37.546 14.246c3.563 3.11 8.973 2.738 12.082-.824a8.629 8.629 0 0 0 1.797-3.348c15.668-54.516 72.563-86.012 127.082-70.344 43.285 12.442 73.418 51.629 74.317 96.66a99.352 99.352 0 0 1-3.723 26.543c-1.266 4.555 1.398 9.278 5.957 10.543 2.465.684 5.11.23 7.203-1.234a43.896 43.896 0 0 1 25.313-8.024c23.644 0 42.812 19.168 42.812 42.813 0 23.644-19.168 42.812-42.812 42.812H392.98a8.563 8.563 0 0 0 0 17.125h59.083c33.101 0 59.937-26.832 59.937-59.937 0-33.102-26.836-59.938-59.937-59.938zm0 0"
/>
<path
fill="url(#c)"
d="M273.105 231.316h-34.25a8.563 8.563 0 0 0-8.562 8.563c0 4.73 3.832 8.566 8.562 8.566h34.25c4.727 0 8.563-3.836 8.563-8.566a8.566 8.566 0 0 0-8.563-8.563zm0 0"
/>
<path
fill="url(#d)"
d="M358.73 137.129h-51.375a8.56 8.56 0 0 0-8.562 8.562V274.13h-17.125c-4.73 0-8.563 3.836-8.563 8.566 0 2.27.903 4.446 2.508 6.051l51.375 51.375a8.558 8.558 0 0 0 12.106 0l51.375-51.375a8.563 8.563 0 0 0-6.055-14.617H367.29V145.69c.004-4.73-3.832-8.562-8.559-8.562zM333.043 321.96l-30.707-30.707h5.02a8.56 8.56 0 0 0 8.562-8.563V154.254h34.25V282.69a8.563 8.563 0 0 0 8.562 8.563h5.02zm0 0"
/>
<path
fill="url(#e)"
d="M184.969 139.637a8.558 8.558 0 0 0-12.106 0l-51.375 51.375a8.563 8.563 0 0 0 6.055 14.617h17.125v128.437a8.56 8.56 0 0 0 8.562 8.563h51.375a8.563 8.563 0 0 0 8.563-8.563V205.63h17.125c4.727 0 8.562-3.836 8.559-8.563 0-2.27-.903-4.449-2.504-6.054zm19.633 48.867a8.566 8.566 0 0 0-8.563 8.562v128.442h-34.25V197.066a8.56 8.56 0 0 0-8.562-8.562h-5.016l30.703-30.707 30.703 30.707zm0 0"
/>
</svg>
More icons in the same style and category