Add icons to this collection by clicking the heart icon.
Cloud Computing icon - also known as interface, message, envelope, email, mail, cloud storage, cloud computing, communications, 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 32 32"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 4.431 22.319) scale(22.112)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e5e9fc" />
<stop offset="1" stop-color="#4f6dff" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 9.509 -9.509 0 18.5 25.191)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feb340" />
<stop offset="1" stop-color="#cb7b00" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#dbeeff" />
<stop offset="1" stop-color="#49a9ff" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4.334 -4.334 0 12 23.322)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -6.389 18.845) scale(6.111)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 12 -12 0 16.5 20)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe8745" />
<stop offset="1" stop-color="#cf4a00" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M9.25 22.403a.75.75 0 0 0 .75-.75v-2.951c0-.119.096-.215.214-.215h11.572c.118 0 .214.096.214.215v2.951c0 .414.336.75.75.75h3.181a4.837 4.837 0 0 0 4.836-4.837v-.004a4.84 4.84 0 0 0-3.314-4.592 7.41 7.41 0 0 0-7.332-8.457 7.408 7.408 0 0 0-6.546 3.94 5.738 5.738 0 0 0-8.217 4.33 4.838 4.838 0 0 0-4.091 4.779v.004a4.838 4.838 0 0 0 4.837 4.837z"
/>
<path
fill="url(#c)"
d="M23.5 25.773v-7.071c0-.947-.768-1.715-1.714-1.715H10.214c-.946 0-1.714.768-1.714 1.715v7.071c0 .947.768 1.714 1.714 1.714h11.572c.946 0 1.714-.767 1.714-1.714z"
/>
<path
fill="url(#d)"
d="M10.955 24.072h1.767a.75.75 0 0 0 0-1.5h-1.767a.75.75 0 0 0 0 1.5z"
/>
<path
fill="url(#e)"
d="M10.955 25.984h3.357a.75.75 0 1 0 0-1.5h-3.357a.75.75 0 0 0 0 1.5z"
/>
<path
fill="url(#f)"
d="M8.552 18.28a1.715 1.715 0 0 1 1.662-1.293h11.572c.801 0 1.474.55 1.662 1.293l-5.84 3.406a3.19 3.19 0 0 1-3.216 0z"
/>
</g>
</svg>
More icons in the same style and category