Add icons to this collection by clicking the heart icon.
Cloud Computing icon - also known as network, networking, setting, mobile, cloud computing, database, and cloud server. Created in a clean flat 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="5"
x2="5"
y1="68.786"
y2=".044"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient id="b" x1="59" x2="59" y1="68.786" y2=".044" href="#a" />
<linearGradient id="c" x1="11" x2="11" y1="68.786" y2=".044" href="#a" />
<linearGradient id="d" x1="54" x2="54" y1="68.786" y2=".044" href="#a" />
<linearGradient id="e" x1="39" x2="39" y1="68.786" y2=".044" href="#a" />
<linearGradient id="f" x1="27" x2="27" y1="68.786" y2=".044" href="#a" />
<linearGradient id="g" x1="21" x2="21" y1="68.786" y2=".044" href="#a" />
<linearGradient id="h" x1="32" x2="32" y1="68.786" y2=".044" href="#a" />
<g fill="url(#a)">
<path
d="M6 48H4v2H2v2h2v2h2v-2h2v-2H6zM4 44h2v2H4zM4 40h2v2H4zM4 36h2v2H4z"
/>
</g>
<path
fill="url(#b)"
d="M60 56h-2v2h-2v2h2v2h2v-2h2v-2h-2zM58 52h2v2h-2zM58 48h2v2h-2zM58 44h2v2h-2z"
/>
<path fill="url(#c)" d="M10 49h2v8h-2zM10 45h2v2h-2zM10 41h2v2h-2z" />
<path fill="url(#d)" d="M53 35h2v6h-2zM53 43h2v2h-2zM53 47h2v2h-2z" />
<path
fill="url(#e)"
d="m31.094 51.236 1.67 1.67 1.31-.874a1 1 0 0 1 1.041-.041 8 8 0 0 0 1.689.7 1 1 0 0 1 .706.765L37.82 55h2.36l.31-1.548a1 1 0 0 1 .706-.765 8 8 0 0 0 1.689-.7 1 1 0 0 1 1.041.041l1.31.874 1.67-1.67-.874-1.31a1 1 0 0 1-.041-1.041 8 8 0 0 0 .7-1.689 1 1 0 0 1 .765-.706L49 46.18v-2.36l-1.548-.31a1 1 0 0 1-.765-.706 8 8 0 0 0-.7-1.689 1 1 0 0 1 .041-1.041l.874-1.31-1.67-1.67-1.31.874a1 1 0 0 1-1.041.041 8 8 0 0 0-1.689-.7 1 1 0 0 1-.706-.765L40.18 35h-2.36l-.31 1.548a1 1 0 0 1-.706.765 8 8 0 0 0-1.689.7 1 1 0 0 1-1.041-.041l-1.31-.874-1.67 1.67.874 1.31a1 1 0 0 1 .041 1.041 8 8 0 0 0-.7 1.689 1 1 0 0 1-.765.706L29 43.82v2.36l1.548.31a1 1 0 0 1 .765.706 8 8 0 0 0 .7 1.689 1 1 0 0 1-.041 1.041zM39 39a6 6 0 1 1-6 6 6.006 6.006 0 0 1 6-6z"
/>
<path fill="url(#f)" d="M23 24h8v2h-8z" />
<path
fill="url(#f)"
d="M31.93 35.1a.986.986 0 0 1 1.26-.12l1.5 1a9 9 0 0 1 .97-.4l.36-1.78A1 1 0 0 1 37 33h1v-8a1 1 0 0 0-1-1h-4v2a2.006 2.006 0 0 1-2 2h-8a2.006 2.006 0 0 1-2-2v-2h-4a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-2h-1a1 1 0 0 1-.98-.8l-.36-1.78a9 9 0 0 1-.97-.4l-1.5 1a.987.987 0 0 1-1.26-.12l-2.83-2.83a.986.986 0 0 1-.12-1.26l1-1.5a9 9 0 0 1-.4-.97l-1.78-.36A1 1 0 0 1 27 47v-4a1 1 0 0 1 .8-.98l1.78-.36a9 9 0 0 1 .4-.97l-1-1.5a.986.986 0 0 1 .12-1.26zM18 35a3 3 0 1 1 3 3 3.009 3.009 0 0 1-3-3zm7 12h-2a1.033 1.033 0 0 1-.71-.29l-2-2A1.033 1.033 0 0 1 20 44v-4h2v3.59L23.41 45H25z"
/>
<circle cx="21" cy="35" r="1" fill="url(#g)" />
<circle cx="39" cy="45" r="4" fill="url(#e)" />
<path
fill="url(#h)"
d="M52 14a1 1 0 0 1-1-1 5 5 0 0 0-5-5 4.946 4.946 0 0 0-3.58 1.52 1.039 1.039 0 0 1-.86.29 1.026 1.026 0 0 1-.74-.52 9.991 9.991 0 0 0-18.73 3.46 1 1 0 0 1-1.68.6A4.995 4.995 0 0 0 12 17a1.088 1.088 0 0 1-.34.8 1.034 1.034 0 0 1-.8.27A5.605 5.605 0 0 0 10 18a6 6 0 0 0 0 12h4v-5a3.009 3.009 0 0 1 3-3h20a3.009 3.009 0 0 1 3 3v5h12a8 8 0 0 0 0-16zm-7 0h-2v-2h2zm2-2h2v2h-2zm3 16h-2v-2h2zm2 0v-2a4 4 0 0 0 4-4h2a6 6 0 0 1-6 6z"
/>
</svg>
More icons in the same style and category