Add icons to this collection by clicking the heart icon.
Up Arrow icon - also known as upload, arrows, direction, up arrow, orientation, directional, and uploading. 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="100"
height="100"
viewBox="0 0 511.984 511.984"
>
<linearGradient
id="a"
x1="-39.804"
x2="-29.598"
y1="641.571"
y2="631.364"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.28 13791.31)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M341.336 111.067 451.117 220.87a10.623 10.623 0 0 0 7.552 3.115c2.731 0 5.461-1.045 7.531-3.115 4.16-4.16 4.16-10.923 0-15.083L263.533 3.12c-4.16-4.16-10.923-4.16-15.083 0L45.784 205.787c-4.16 4.16-4.16 10.923 0 15.083s10.923 4.16 15.083 0L170.67 111.067v91.584c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V89.733l64-64 64 64V202.65c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667v-91.583z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-39.419"
x2="-36.983"
y1="633.915"
y2="631.479"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.28 13791.31)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M192.003 256.88c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v73.771c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V256.88z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-32.419"
x2="-29.983"
y1="633.915"
y2="631.479"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.28 13791.31)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M341.336 256.88c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v73.771c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V256.88z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-39.168"
x2="-37.233"
y1="628.166"
y2="626.229"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.28 13791.31)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M192.003 384.88c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v52.437c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V384.88z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-32.168"
x2="-30.233"
y1="628.166"
y2="626.229"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.28 13791.31)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M341.336 384.88c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v52.437c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V384.88z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-38.737"
x2="-37.661"
y1="623.867"
y2="622.796"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.28 13791.31)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M181.336 475.099c-5.888 0-10.667 4.779-10.667 10.667v15.552c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667v-15.552c0-5.889-4.779-10.667-10.667-10.667z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-31.737"
x2="-30.661"
y1="623.867"
y2="622.796"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.28 13791.31)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M330.669 475.099c-5.888 0-10.667 4.779-10.667 10.667v15.552c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667v-15.552c0-5.889-4.779-10.667-10.667-10.667z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category