Add icons to this collection by clicking the heart icon.
Upload File icon - also known as arrow, document, paper, control, page, ui, upload file, and files and folders. Created in a clean flat gradient style with a silver finish, 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 500 500"
>
<linearGradient
id="a"
x1=".5"
x2=".5"
y1="499.99"
y2="499"
gradientTransform="matrix(333.33 0 0 -437.5 52.08 218770.83)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaecf7" />
<stop offset="1" stop-color="#cdd3f1" />
</linearGradient>
<linearGradient
id="b"
x1=".5"
x2=".5"
y1="499.99"
y2="499"
gradientTransform="matrix(333.33 0 0 -62.5 52.08 31645.83)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2e5f4" stop-opacity="0" />
<stop offset="1" stop-color="#9aa6e2" />
</linearGradient>
<linearGradient
id="c"
x1=".12"
x2=".92"
y1="499.91"
y2="499.04"
gradientTransform="matrix(187.5 0 0 -187.5 260.42 94041.67)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffca4f" />
<stop offset="1" stop-color="#f7ae30" />
</linearGradient>
<linearGradient
id="d"
x1=".35"
x2=".92"
y1="499.83"
y2="499"
gradientTransform="matrix(104.17 0 0 -125 302.08 62822.92)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7ae30" />
<stop offset="1" stop-color="#ffca4f" stop-opacity="0" />
</linearGradient>
<linearGradient
id="e"
x1=".32"
x2=".82"
y1="499.95"
y2="499.1"
gradientTransform="matrix(83.33 0 0 -104.17 312.5 52416.66)"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M364.58 458.33H72.92a20.89 20.89 0 0 1-20.84-20.83V41.67a20.89 20.89 0 0 1 20.84-20.84h250V62.5a20.89 20.89 0 0 0 20.83 20.83h41.67V437.5a20.89 20.89 0 0 1-20.84 20.83z"
/>
<path
fill="url(#b)"
d="M52.08 395.83v41.67a20.89 20.89 0 0 0 20.83 20.83h291.67a20.89 20.89 0 0 0 20.83-20.83v-41.67z"
/>
<path
fill="#9aa6e2"
d="M385.42 83.33h-41.67a20.89 20.89 0 0 1-20.83-20.83V20.83z"
/>
<circle cx="354.17" cy="385.42" r="93.75" fill="url(#c)" />
<path
fill="url(#d)"
d="M354.17 447.92a20.89 20.89 0 0 1-20.83-20.83v-38.55a17.6 17.6 0 0 1-10.42 3.13 20.63 20.63 0 0 1-14.58-35.42l24-24q9.38-9.37 21.88-9.37c8.33 0 16.67 3.13 21.88 9.38l24 24a20.84 20.84 0 0 1-14.58 35.42 17.6 17.6 0 0 1-10.52-3.14v38.54a20.89 20.89 0 0 1-20.83 20.84z"
/>
<g fill="#9aa6e2">
<path
d="M218.75 156.25H125c-6.25 0-10.42-4.17-10.42-10.42s4.17-10.42 10.42-10.42h93.75c6.25 0 10.42 4.17 10.42 10.42s-4.17 10.42-10.42 10.42zM312.5 208.33H125c-6.25 0-10.42-4.17-10.42-10.42s4.17-10.41 10.42-10.41h187.5c6.25 0 10.42 4.17 10.42 10.42s-4.17 10.41-10.42 10.41zM270.83 260.42H125c-6.25 0-10.42-4.17-10.42-10.42s4.17-10.42 10.42-10.42h145.83c6.25 0 10.42 4.17 10.42 10.42s-4.17 10.42-10.42 10.42z"
/>
</g>
<path
fill="url(#e)"
d="m392.71 363.54-24-24a20.14 20.14 0 0 0-29.17 0l-24 24a10.31 10.31 0 0 0 14.58 14.58l13.54-13.54v62.5c0 6.25 4.17 10.42 10.42 10.42s10.42-4.17 10.42-10.42v-62.5l13.54 13.54a10.07 10.07 0 0 0 14.58 0 10.07 10.07 0 0 0 .09-14.58z"
/>
</g>
</svg>
More icons in the same style and category