Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, storage, economy, media, cloud computing, computing, backup, files and folders, and solutions. 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="112"
x2="112"
y1="10.94"
y2="504.467"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2ab793" />
<stop offset="1" stop-color="#2c98b5" />
</linearGradient>
<linearGradient id="b" x1="96" x2="96" y1="10.94" y2="504.467" href="#a" />
<linearGradient
id="c"
x1="400"
x2="400"
y1="10.94"
y2="504.467"
href="#a"
/>
<linearGradient
id="d"
x1="401.118"
x2="401.118"
y1="10.94"
y2="504.467"
href="#a"
/>
<linearGradient
id="e"
x1="120"
x2="120"
y1="10.94"
y2="504.467"
href="#a"
/>
<linearGradient
id="f"
x1="392"
x2="392"
y1="10.94"
y2="504.467"
href="#a"
/>
<linearGradient
id="g"
x1="260"
x2="260"
y1="10.94"
y2="504.467"
href="#a"
/>
<path
fill="url(#a)"
d="M24 224h144a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8H64V32h128v128h16V24a8 8 0 0 0-8-8H56a8 8 0 0 0-8 8v24H24a8 8 0 0 0-8 8v160a8 8 0 0 0 8 8zm8-160h128v144H32z"
/>
<g fill="url(#b)">
<path d="M48 88h96v16H48zM48 128h96v16H48zM48 168h96v16H48z" />
</g>
<path
fill="url(#c)"
d="M472 16H328a24.027 24.027 0 0 0-24 24v120h16V40a8.01 8.01 0 0 1 8-8h144a8.01 8.01 0 0 1 8 8v160a8.01 8.01 0 0 1-8 8H344v16h128a24.027 24.027 0 0 0 24-24V40a24.027 24.027 0 0 0-24-24z"
/>
<path
fill="url(#d)"
d="M384.009 136.465a15.97 15.97 0 0 0 9.292-2.99l34.234-24.455a16 16 0 0 0 .001-26.04L393.3 58.525a16 16 0 0 0-25.3 13.02v48.91a16.025 16.025 0 0 0 16.009 16.01zM384 71.545 418.235 96 384 120.455z"
/>
<path
fill="url(#e)"
d="M208 472a8.01 8.01 0 0 1-8 8H40a8.01 8.01 0 0 1-8-8V368l73.6 55.2a24.12 24.12 0 0 0 28.8 0l65.067-48.8-9.6-12.8-65.068 48.8a8.04 8.04 0 0 1-9.599 0l-77.435-58.076A7.963 7.963 0 0 1 40 352h104v-16H40a24.027 24.027 0 0 0-24 24v112a24.027 24.027 0 0 0 24 24h160a24.027 24.027 0 0 0 24-24V368h-16z"
/>
<path fill="url(#c)" d="M352 152v8h-16v16h16v8h16v-8h96v-16h-96v-8z" />
<path
fill="url(#f)"
d="M472 320h-96v16h96a8.01 8.01 0 0 1 8 8v120a16 16 0 0 1-32 0v-72a24.027 24.027 0 0 0-24-24H312a24.027 24.027 0 0 0-24 24v81a23.026 23.026 0 0 0 23 23h153a32.036 32.036 0 0 0 32-32V344a24.027 24.027 0 0 0-24-24zM311 480a7.008 7.008 0 0 1-7-7v-81a8.01 8.01 0 0 1 8-8h112a8.01 8.01 0 0 1 8 8v72a31.804 31.804 0 0 0 4.295 16z"
/>
<path
fill="url(#g)"
d="M264 352h40a64.072 64.072 0 0 0 64-64h80a8 8 0 0 0 5.657-2.343l32-32-11.314-11.314L444.687 272h-78.712a64.239 64.239 0 0 0-46.01-45.984c.02-.672.035-1.345.035-2.016a64.082 64.082 0 0 0-56-63.482V80a8 8 0 0 0-2.343-5.657l-32-32-11.314 11.314L248 83.313v77.205A64.082 64.082 0 0 0 192 224c0 .678.028 1.35.049 2.025A64.28 64.28 0 0 0 152.673 256H72a8 8 0 0 0-5.657 2.343l-32 32 11.314 11.314L75.313 272h70.757a63.239 63.239 0 0 0-2.07 16 64.072 64.072 0 0 0 64 64h40v88a8 8 0 0 0 2.343 5.657l16 16 11.314-11.314L264 436.686zm-104-64a48.264 48.264 0 0 1 34.544-46.083 63.696 63.696 0 0 0 15.742 26.874l11.428-11.198A48 48 0 1 1 304 224a64.072 64.072 0 0 0-64 64h16a48 48 0 1 1 48 48h-96a48.055 48.055 0 0 1-48-48z"
/>
</svg>
More icons in the same style and category