Add icons to this collection by clicking the heart icon.
Cloud icon - also known as interface, cloud, file, document, scroll, ui, archives, up arrows, and files and folders. 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 1060.001 1060.001"
>
<linearGradient
id="a"
x1="530"
x2="530"
y1="1134.961"
y2="-24.526"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M971.662.012H232.85c-49.627-.788-90.545 38.708-91.512 88.332v52.999H17.672c-9.757 0-17.666 7.91-17.666 17.666v600.66a17.362 17.362 0 0 0 1.767 7.42c.318.654.813 1.148 1.184 1.767a17.31 17.31 0 0 0 3.533 4.134c.283.23.389.601.671.813l134.177 100.699v8.833H17.672c-9.757 0-17.666 7.91-17.666 17.667v70.666c.058 48.76 39.572 88.274 88.332 88.332H830.33c48.76-.058 88.274-39.572 88.332-88.332V176.676h123.665c9.757 0 17.667-7.91 17.667-17.666V88.344c-.058-48.76-39.571-88.274-88.332-88.332zM777.331 194.343l105.999 79.499v556.494l-105.999-79.499V194.343zM176.671 88.344c.961-30.111 26.063-53.792 56.179-52.999h668.606a87.412 87.412 0 0 0-18.126 52.999v141.332l-113.066-84.799a17.79 17.79 0 0 0-2.95-1.625 11.473 11.473 0 0 0-1.025-.565 17.277 17.277 0 0 0-6.024-1.219c-.212 0-.389-.124-.601-.124H176.671v-53zM35.339 176.676h706.659v565.327H35.339V176.676zm35.333 600.661h70.666v52.999l-70.666-52.999zM35.339 971.668v-52.999h706.659v52.999a87.418 87.418 0 0 0 18.126 53H88.338c-29.271 0-52.999-23.729-52.999-53zm847.991 0c0 29.271-23.729 53-52.999 53s-52.999-23.729-52.999-53v-70.666c0-9.757-7.91-17.667-17.667-17.667H176.671V777.337h577.111l129.548 97.166v97.165zm141.332-830.325H918.663V88.344c0-29.271 23.729-52.999 52.999-52.999 29.271 0 52.999 23.729 52.999 52.999v52.999z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="388.668"
x2="388.668"
y1="1135.827"
y2="-25.674"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M265.003 512.34c9.757 0 17.667-7.91 17.667-17.667s-7.91-17.666-17.667-17.666c-48.785 0-88.332-39.548-88.332-88.332 0-48.785 39.548-88.332 88.332-88.332 8.37 0 16.698 1.19 24.733 3.533a17.666 17.666 0 0 0 20.617-8.833c22.359-43.293 75.581-60.264 118.874-37.905a88.227 88.227 0 0 1 42.721 49.052 17.666 17.666 0 0 0 16.642 11.766h23.744c48.785 0 88.332 39.548 88.332 88.332s-39.548 88.332-88.332 88.332c-9.757 0-17.667 7.91-17.667 17.667 0 9.757 7.91 17.666 17.667 17.666 68.299 0 123.665-55.367 123.665-123.665s-55.367-123.665-123.665-123.665h-12.031c-29.168-61.67-102.808-88.019-164.478-58.85a123.525 123.525 0 0 0-49.834 42.95 121.78 121.78 0 0 0-20.988-1.714c-68.299 0-123.665 55.367-123.665 123.665S196.705 512.34 265.003 512.34z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="388.672"
x2="388.672"
y1="1136.604"
y2="-28.412"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M504.932 448.44a17.665 17.665 0 0 0-3.834-19.256l-99.939-99.939c-6.899-6.897-18.082-6.897-24.98 0l-99.939 99.939c-6.898 6.9-6.896 18.086.004 24.984a17.666 17.666 0 0 0 12.486 5.173h46.94v229.664c0 9.757 7.91 17.667 17.666 17.667h70.666c9.757 0 17.666-7.91 17.666-17.667V459.34h46.94a17.667 17.667 0 0 0 16.324-10.9zm-80.931-24.433c-9.757 0-17.667 7.91-17.667 17.667v229.664h-35.333V441.674c0-9.757-7.91-17.667-17.666-17.667h-21.959l57.292-57.292 57.292 57.292h-21.959z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="123.671"
x2="123.671"
y1="1127.365"
y2="-27.087"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M106.005 600.672h35.333v35.333h-35.333z" fill="url(#d)" />
<linearGradient
id="e"
x1="212.004"
x2="212.004"
y1="1114.733"
y2="-17.07"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M159.004 600.672h105.999v35.333H159.004z" fill="url(#e)" />
<linearGradient
id="f"
x1="123.671"
x2="123.671"
y1="1126.658"
y2="-27.794"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M106.005 671.338h35.333v35.333h-35.333z" fill="url(#f)" />
<linearGradient
id="g"
x1="212.004"
x2="212.004"
y1="1112.666"
y2="-19.155"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M159.004 671.338h105.999v35.333H159.004z" fill="url(#g)" />
<linearGradient
id="h"
x1="530"
x2="530"
y1="1131.428"
y2="-23.024"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M512.334 600.672h35.333v35.333h-35.333z" fill="url(#h)" />
<linearGradient
id="i"
x1="618.333"
x2="618.333"
y1="1118.726"
y2="-13.078"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M565.333 600.672h105.999v35.333H565.333z" fill="url(#i)" />
<linearGradient
id="j"
x1="530"
x2="530"
y1="1130.721"
y2="-23.73"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M512.334 671.338h35.333v35.333h-35.333z" fill="url(#j)" />
<linearGradient
id="k"
x1="618.333"
x2="618.333"
y1="1116.641"
y2="-15.162"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M565.333 671.338h105.999v35.333H565.333z" fill="url(#k)" />
</svg>
More icons in the same style and category