Add icons to this collection by clicking the heart icon.
Cloud Data icon - also known as upload, file, cloud storage, uploading, cloud upload, cloud data, 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.97"
y2="499.01"
gradientTransform="matrix(458.33 0 0 -270.83 20.83 135437.51)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9aa6e2" />
<stop offset="1" stop-color="#7283d6" />
</linearGradient>
<linearGradient
id="b"
x1=".5"
x2=".5"
y1="499.97"
y2="499.01"
gradientTransform="matrix(457.29 0 0 -83.33 20.83 41875.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7283d6" stop-opacity="0" />
<stop offset="1" stop-color="#4d62cb" />
</linearGradient>
<linearGradient
id="c"
x1=".5"
x2=".5"
y1="499.99"
y2="499.01"
gradientTransform="matrix(250 0 0 -302.08 125 151218.76)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaecf7" />
<stop offset="1" stop-color="#cdd3f1" />
</linearGradient>
<linearGradient
id="d"
x1=".5"
x2=".5"
y1="499.99"
y2="498.8"
gradientTransform="matrix(250 0 0 -41.67 125 21270.84)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2e5f4" stop-opacity="0" />
<stop offset="1" stop-color="#9aa6e2" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="M479.17 192.71c0-54.17-44.79-99-99-99h-10.38C346.87 50 302.08 20.83 250 20.83c-64.58 0-118.75 44.79-132.29 105.21-4.17-1-9.37-1-13.54-1a83.33 83.33 0 0 0 0 166.67h281.25c52.08-3.17 93.75-45.88 93.75-99z"
/>
<path
fill="url(#b)"
d="M20.83 208.33a83.58 83.58 0 0 0 83.33 83.33h281.26c46.88-2.08 85.42-37.5 92.71-83.33z"
/>
<path
fill="url(#c)"
d="M354.17 479.17H145.83A20.89 20.89 0 0 1 125 458.33V197.92a20.89 20.89 0 0 1 20.83-20.83H312.5v41.67a20.89 20.89 0 0 0 20.83 20.83H375v218.74a20.89 20.89 0 0 1-20.83 20.84z"
/>
<path
fill="url(#d)"
d="M125 437.5v20.83a20.89 20.89 0 0 0 20.83 20.83h208.34A20.89 20.89 0 0 0 375 458.33V437.5z"
/>
<g fill="#9aa6e2">
<path
d="M375 239.58h-41.67a20.89 20.89 0 0 1-20.83-20.83v-41.67zM302.08 375H197.92c-6.25 0-10.42-4.17-10.42-10.42s4.17-10.42 10.42-10.42h104.16c6.25 0 10.42 4.17 10.42 10.42S308.33 375 302.08 375zM250 322.92h-52.08c-6.25 0-10.42-4.17-10.42-10.42s4.17-10.42 10.42-10.42H250c6.25 0 10.42 4.17 10.42 10.42s-4.17 10.42-10.42 10.42z"
/>
</g>
</g>
</svg>
More icons in the same style and category