Add icons to this collection by clicking the heart icon.
Cloud Computing icon - also known as computer, cloud, system, cloud computing, server, database, center, and mainframe. 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="32"
x2="32"
y1="65.696"
y2=".335"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="38" x2="38" y1="65.696" y2=".335" href="#a" />
<linearGradient id="c" x1="10" x2="10" y1="65.696" y2=".335" href="#a" />
<linearGradient id="d" x1="14" x2="14" y1="65.696" y2=".335" href="#a" />
<linearGradient id="e" x1="18" x2="18" y1="65.696" y2=".335" href="#a" />
<linearGradient id="f" x1="22" x2="22" y1="65.696" y2=".335" href="#a" />
<linearGradient id="g" x1="42" x2="42" y1="65.696" y2=".335" href="#a" />
<linearGradient id="h" x1="46" x2="46" y1="65.696" y2=".335" href="#a" />
<linearGradient id="i" x1="50" x2="50" y1="65.696" y2=".335" href="#a" />
<linearGradient id="j" x1="26" x2="26" y1="65.696" y2=".335" href="#a" />
<linearGradient id="k" x1="30" x2="30" y1="65.696" y2=".335" href="#a" />
<linearGradient id="l" x1="34" x2="34" y1="65.696" y2=".335" href="#a" />
<linearGradient id="m" x1="54" x2="54" y1="65.696" y2=".335" href="#a" />
<linearGradient id="n" x1="44" x2="44" y1="65.696" y2=".335" href="#a" />
<linearGradient id="o" x1="20" x2="20" y1="65.696" y2=".335" href="#a" />
<g>
<path
fill="url(#a)"
d="M58 44.838V17a3 3 0 0 0-3-3h-4.589a8 8 0 0 0-8.828-4.875 10.008 10.008 0 0 0-19.167 0A8 8 0 0 0 13.589 14H9a3 3 0 0 0-3 3v27.838l-4 12V59a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3v-2.162zM39.78 56l-.81-3.243A1 1 0 0 0 38 52H26a1 1 0 0 0-.97.757L24.219 56H4.387l3.334-10h48.558l3.334 10zm-2.061 0H26.281l.5-2h10.438zM21 25h2v4.586L20.285 32.3A2.951 2.951 0 0 0 19 32a3 3 0 1 0 3 3 2.951 2.951 0 0 0-.3-1.285l3.3-3.3V25h6v7.184a3 3 0 1 0 2 0V25h6v5.414l3.3 3.3A2.951 2.951 0 0 0 42 35a3 3 0 1 0 3-3 2.951 2.951 0 0 0-1.285.3L41 29.586V25h2a8.009 8.009 0 0 0 7.411-5H52v20H12V20h1.589A8.009 8.009 0 0 0 21 25zm-1 10a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm13 0a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm12-1a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM21 11a5.9 5.9 0 0 1 1.838.29 1 1 0 0 0 1.295-.767 8 8 0 0 1 15.733 0 1 1 0 0 0 1.3.767A5.9 5.9 0 0 1 43 11a6 6 0 0 1 0 12H21a6 6 0 0 1 0-12zM8 17a1 1 0 0 1 1-1h4.069a7.281 7.281 0 0 0 0 2H11a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h42a1 1 0 0 0 1-1V19a1 1 0 0 0-1-1h-2.069a7.281 7.281 0 0 0 0-2H55a1 1 0 0 1 1 1v27H8zm51 43H5a1 1 0 0 1-1-1v-1h56v1a1 1 0 0 1-1 1z"
/>
<path fill="url(#b)" d="M37 48h2v2h-2z" />
<path fill="url(#c)" d="M9 48h2v2H9z" />
<path fill="url(#d)" d="M13 48h2v2h-2z" />
<path fill="url(#e)" d="M17 48h2v2h-2z" />
<path fill="url(#f)" d="M21 48h2v2h-2z" />
<path fill="url(#g)" d="M41 48h2v2h-2z" />
<path fill="url(#h)" d="M45 48h2v2h-2z" />
<path fill="url(#i)" d="M49 48h2v2h-2z" />
<path fill="url(#j)" d="M25 48h2v2h-2z" />
<path fill="url(#k)" d="M29 48h2v2h-2z" />
<path fill="url(#l)" d="M33 48h2v2h-2z" />
<path fill="url(#m)" d="M53 48h2v2h-2z" />
<path fill="url(#n)" d="M41 52h6v2h-6z" />
<path fill="url(#i)" d="M49 52h2v2h-2z" />
<path fill="url(#m)" d="M53 52h2v2h-2z" />
<path fill="url(#c)" d="M9 52h2v2H9z" />
<path fill="url(#d)" d="M13 52h2v2h-2z" />
<path fill="url(#o)" d="M17 52h6v2h-6z" />
</g>
</svg>
More icons in the same style and category