Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, data, monitor, big data, activity, trend, files and folders, and optimized. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="3.152"
y2="491.104"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2ab793" />
<stop offset="1" stop-color="#2c98b5" />
</linearGradient>
<linearGradient
id="b"
x1="253.402"
x2="253.402"
y1="3.152"
y2="491.104"
href="#a"
/>
<linearGradient
id="c"
x1="286.828"
x2="286.828"
y1="3.152"
y2="491.104"
href="#a"
/>
<linearGradient
id="d"
x1="217.172"
x2="217.172"
y1="3.152"
y2="491.104"
href="#a"
/>
<linearGradient
id="e"
x1="298.828"
x2="298.828"
y1="3.152"
y2="491.104"
href="#a"
/>
<linearGradient
id="f"
x1="128"
x2="128"
y1="3.152"
y2="491.104"
href="#a"
/>
<linearGradient
id="g"
x1="384"
x2="384"
y1="3.152"
y2="491.104"
href="#a"
/>
<linearGradient
id="h"
x1="430.951"
x2="430.951"
y1="3.152"
y2="491.104"
href="#a"
/>
<path
fill="url(#a)"
d="M320 200V72a8 8 0 0 0-8-8H200a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h112a8 8 0 0 0 8-8zm-16-8h-96V80h96z"
/>
<path
fill="url(#b)"
d="M346.788 368h-94.72a24.101 24.101 0 0 0-23.076 17.407L211.108 448H144a8 8 0 0 0-8 8v16a24.027 24.027 0 0 0 24 24h163.931a24.101 24.101 0 0 0 23.077-17.407l22.857-80A24 24 0 0 0 346.788 368zM152 472v-8h54.537l-4.572 16H160a8.01 8.01 0 0 1-8-8zm202.48-77.802-22.857 80a8.034 8.034 0 0 1-7.692 5.802H218.606l25.771-90.198a8.034 8.034 0 0 1 7.692-5.802h94.72a8 8 0 0 1 7.691 10.198z"
/>
<path
fill="url(#c)"
d="M304 424a24.009 24.009 0 1 0-13.659 21.655l16.002 16.002 11.314-11.314-16.002-16.002A23.856 23.856 0 0 0 304 424zm-32 0a8 8 0 1 1 8 8 8.01 8.01 0 0 1-8-8z"
/>
<path fill="url(#a)" d="M248 224h16v128h-16z" />
<path
fill="url(#a)"
d="M384 120h-16.283a112.004 112.004 0 0 0-223.434 0H128a112 112 0 0 0 0 224h72v-16h-72a96 96 0 0 1 0-192h24a8 8 0 0 0 8-8 96 96 0 0 1 192 0 8 8 0 0 0 8 8h24a96 96 0 0 1 0 192h-72v16h72a112 112 0 0 0 0-224z"
/>
<path
fill="url(#d)"
d="M232 352v-40a7.999 7.999 0 0 0-2.343-5.657l-16-16-11.314 11.314L216 315.313V352z"
/>
<path
fill="url(#e)"
d="M282.343 258.343A7.999 7.999 0 0 0 280 264v88h16v-84.686l21.657-21.657-11.314-11.314z"
/>
<g fill="url(#a)">
<path d="M224 96h64v16h-64zM224 128h64v16h-64zM224 160h64v16h-64z" />
</g>
<path
fill="url(#f)"
d="M176 176H80a24.027 24.027 0 0 0-24 24v64a24.027 24.027 0 0 0 24 24h96a24.027 24.027 0 0 0 24-24v-40h-16v40a8.01 8.01 0 0 1-8 8H80a8.01 8.01 0 0 1-8-8v-62.169l42.05 30.036a24 24 0 0 0 27.9 0l22.7-16.214-9.3-13.02-22.7 16.215a8.002 8.002 0 0 1-9.3 0L85.764 192H176z"
/>
<path
fill="url(#g)"
d="M384 176a56 56 0 0 0 0 112 8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8 56.064 56.064 0 0 0-56-56zm-8 95.196a40 40 0 1 1 21.302-76.914l-20.162 33.602.007.004A7.95 7.95 0 0 0 376 232zM398.13 224l12.88-21.469A39.998 39.998 0 0 1 423.197 224z"
/>
<path
fill="url(#h)"
d="m406.676 287.447 2.648 15.78a55.95 55.95 0 0 0 45.902-45.903l-15.78-2.648a39.944 39.944 0 0 1-32.77 32.77z"
/>
</svg>
More icons in the same style and category