Add icons to this collection by clicking the heart icon.
Cloud Computing icon - also known as network, internet, security, network connection, cloud storage, cloud computing, server, database, and cloud server. 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 64 64"
>
<linearGradient
id="a"
x1="16"
x2="16"
y1="-1.538"
y2="67.648"
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>
<linearGradient id="b" x1="32" x2="32" y1="-1.538" y2="67.648" href="#a" />
<linearGradient id="c" x1="50" x2="50" y1="-1.538" y2="67.648" href="#a" />
<linearGradient id="d" x1="24" x2="24" y1="-1.538" y2="67.648" href="#a" />
<linearGradient id="e" x1="44" x2="44" y1="-1.538" y2="67.648" href="#a" />
<linearGradient id="f" x1="38" x2="38" y1="-1.538" y2="67.648" href="#a" />
<linearGradient
id="g"
x1="4.5"
x2="4.5"
y1="-1.538"
y2="67.648"
href="#a"
/>
<linearGradient
id="h"
x1="59.5"
x2="59.5"
y1="-1.538"
y2="67.648"
href="#a"
/>
<linearGradient
id="i"
x1="32.5"
x2="32.5"
y1="-1.538"
y2="67.648"
href="#a"
/>
<path
fill="url(#a)"
d="M16 40a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M54 36H40.98a13.675 13.675 0 0 0 1.38-2H47a10.991 10.991 0 0 0 3.29-21.48 8.991 8.991 0 0 0-11.6-4.89 12.979 12.979 0 0 0-23.36 4.5A11 11 0 0 0 17 34h4.64a13.675 13.675 0 0 0 1.38 2H10a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h44a1 1 0 0 0 1-1V37a1 1 0 0 0-1-1zm-33.25-4H17a9 9 0 0 1-.75-17.96 1.009 1.009 0 0 0 .91-.84 10.982 10.982 0 0 1 20.3-3.79 1 1 0 0 0 1.32.38 6.988 6.988 0 0 1 9.82 3.88 1.006 1.006 0 0 0 .69.64A8.992 8.992 0 0 1 47 32h-3.75a13.065 13.065 0 0 0 .75-4.31V19a.992.992 0 0 0-.66-.94l-11-4a.993.993 0 0 0-.68 0l-11 4A.992.992 0 0 0 20 19v8.69a13.065 13.065 0 0 0 .75 4.31zM22 27.69V19.7l10-3.64 10 3.64v7.99a11.02 11.02 0 0 1-3.6 8.14L32 41.65l-6.4-5.82a11.02 11.02 0 0 1-3.6-8.14zM53 60H11V50h42zm0-12H11V38h14.01l6.32 5.74a.993.993 0 0 0 1.34 0L38.99 38H53z"
/>
<path fill="url(#c)" d="M49 40h2v2h-2zM49 44h2v2h-2z" />
<path
fill="url(#a)"
d="M16 58a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
<path
fill="url(#d)"
d="M24 58a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM24 40a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M32 58a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
<path fill="url(#c)" d="M49 52h2v2h-2zM49 56h2v2h-2z" />
<path fill="url(#e)" d="M43 52h2v2h-2zM43 56h2v2h-2z" />
<path fill="url(#f)" d="M37 52h2v2h-2zM37 56h2v2h-2z" />
<path fill="url(#e)" d="M43 40h2v2h-2zM43 44h2v2h-2z" />
<path fill="url(#f)" d="M37 44h2v2h-2z" />
<path
fill="url(#g)"
d="M2 42v13a1 1 0 0 0 1 1h4v-2H4V43h3v-2H3a1 1 0 0 0-1 1z"
/>
<path
fill="url(#h)"
d="M61 41h-4v2h3v11h-3v2h4a1 1 0 0 0 1-1V42a1 1 0 0 0-1-1z"
/>
<path
fill="url(#i)"
d="m27.707 27.293-1.414 1.414 4 4a1 1 0 0 0 1.414 0l7-7-1.414-1.414L31 30.586z"
/>
</svg>
More icons in the same style and category