Add icons to this collection by clicking the heart icon.
Cloud Computing icon - also known as computer, business, cloud, cloud computing, big data, cloud connection, and fintech. 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="b"
x1="17.432"
x2="46.568"
y1="37.568"
y2="8.432"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#57a4ff" />
</linearGradient>
<linearGradient
id="c"
x1="22.38"
x2="41.62"
y1="40.62"
y2="21.38"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a258cd" />
<stop offset=".277" stop-color="#a45bce" />
<stop offset=".471" stop-color="#a964d1" />
<stop offset=".64" stop-color="#b174d5" />
<stop offset=".795" stop-color="#bd89dc" />
<stop offset=".939" stop-color="#cda6e4" />
<stop offset="1" stop-color="#d5b4e8" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#a7adf0" />
<stop offset="1" stop-color="#e0e0e2" />
</linearGradient>
<linearGradient
id="d"
x1="29.999"
x2="35.827"
y1="33.414"
y2="27.586"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="37.793"
x2="42.207"
y1="33.207"
y2="28.793"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="23.293"
x2="28.707"
y1="34.707"
y2="29.293"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="29.88"
x2="34.12"
y1="63.12"
y2="58.88"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="45.88"
x2="50.12"
y1="59.12"
y2="54.88"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="13.88"
x2="18.12"
y1="59.12"
y2="54.88"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="45.88"
x2="50.12"
y1="45.12"
y2="40.88"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="13.88"
x2="18.12"
y1="45.12"
y2="40.88"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="21.408"
x2="42.592"
y1="60.592"
y2="39.408"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#005ece" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
fill="url(#b)"
d="M47 13h-1.035C45.45 5.746 39.383 0 32 0S18.55 5.746 18.035 13H17c-5.514 0-10 4.486-10 10s4.486 10 10 10h2v3c0 1.654 1.346 3 3 3h20c1.654 0 3-1.346 3-3v-3h2c5.514 0 10-4.486 10-10s-4.486-10-10-10z"
/>
<path
fill="url(#c)"
d="M42 23H22c-1.654 0-3 1.346-3 3v10c0 1.654 1.346 3 3 3h20c1.654 0 3-1.346 3-3V26c0-1.654-1.346-3-3-3z"
/>
<path
fill="url(#d)"
d="M34 27h-2a1 1 0 0 0-1 1v6a1 1 0 1 0 2 0v-1h1c1.654 0 3-1.346 3-3s-1.346-3-3-3zm0 4h-1v-2h1a1.001 1.001 0 0 1 0 2z"
/>
<path
fill="url(#e)"
d="M40 27a1 1 0 0 0-1 1v6a1 1 0 1 0 2 0v-6a1 1 0 0 0-1-1z"
/>
<path
fill="url(#f)"
d="M26.948 27.684a.998.998 0 0 0-1.896 0l-2 6a1 1 0 1 0 1.897.633L26 31.162l1.052 3.154a.999.999 0 1 0 1.896-.633z"
/>
<circle cx="32" cy="61" r="3" fill="url(#g)" />
<circle cx="48" cy="57" r="3" fill="url(#h)" />
<circle cx="16" cy="57" r="3" fill="url(#i)" />
<circle cx="48" cy="43" r="3" fill="url(#j)" />
<circle cx="16" cy="43" r="3" fill="url(#k)" />
<path
fill="url(#l)"
d="M38 49a.997.997 0 0 0 .707-.293L43.414 44h1.771c-.113-.314-.185-.647-.185-1s.072-.686.185-1H43a.996.996 0 0 0-.707.293L37.586 47H33v-8h-2v8h-4.586l-4.707-4.707A.997.997 0 0 0 21 42h-2.185c.113.314.185.647.185 1s-.072.686-.185 1h1.771l4.707 4.707A.996.996 0 0 0 26 49h5v2h-5a.996.996 0 0 0-.707.293L20.586 56h-1.771c.113.314.185.647.185 1s-.072.686-.185 1H21a.997.997 0 0 0 .707-.293L26.414 53H31v5.185A2.938 2.938 0 0 1 32 58c.352 0 .685.072 1 .185V53h4.586l4.707 4.707A.996.996 0 0 0 43 58h2.185c-.113-.314-.185-.647-.185-1s.072-.686.185-1h-1.771l-4.707-4.707A.997.997 0 0 0 38 51h-5v-2z"
/>
</svg>
More icons in the same style and category