Add icons to this collection by clicking the heart icon.
Cloud Computing icon - also known as interface, data, storage, multimedia, ui, multimedia option, and cloud computing. Created in a clean color 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="512pt"
height="512pt"
viewBox="-29 0 511 512"
>
<linearGradient
id="e"
x1="179.887"
x2="272.925"
y1="56.701"
y2="347.714"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffcf8" />
<stop offset=".188" stop-color="#faf8f6" />
<stop offset=".404" stop-color="#eceef2" />
<stop offset=".635" stop-color="#d5dcea" />
<stop offset=".875" stop-color="#b5c4df" />
<stop offset="1" stop-color="#a1b5d8" />
</linearGradient>
<linearGradient
id="f"
x1="256.237"
x2="603.506"
y1="87.098"
y2="157.417"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a1b5d8" stop-opacity="0" />
<stop offset=".263" stop-color="#8ea0ba" stop-opacity=".263" />
<stop offset=".531" stop-color="#808fa3" stop-opacity=".529" />
<stop offset=".782" stop-color="#778595" stop-opacity=".78" />
<stop offset="1" stop-color="#748290" />
</linearGradient>
<linearGradient
id="g"
x1="146.234"
x2="-112.446"
y1="121.938"
y2="224.173"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a1b5d8" stop-opacity="0" />
<stop offset=".355" stop-color="#8e9fb9" stop-opacity=".357" />
<stop offset=".767" stop-color="#7b8a9b" stop-opacity=".769" />
<stop offset="1" stop-color="#748290" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#445ea0" />
<stop offset=".322" stop-color="#415a9b" />
<stop offset=".693" stop-color="#364d8d" />
<stop offset="1" stop-color="#2a3d7c" />
</linearGradient>
<linearGradient
id="h"
x1="121.795"
x2="121.795"
y1="274.309"
y2="432.511"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="331.412"
x2="331.412"
y1="274.309"
y2="432.511"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="226.604"
x2="226.604"
y1="278.714"
y2="439.577"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ff4974" />
<stop offset=".326" stop-color="#fe4672" />
<stop offset=".532" stop-color="#fb3e6c" />
<stop offset=".705" stop-color="#f52f60" />
<stop offset=".859" stop-color="#ee1a51" />
<stop offset="1" stop-color="#e4003d" />
</linearGradient>
<linearGradient
id="k"
x1="56.928"
x2="94.611"
y1="453.407"
y2="549.971"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="96.041"
x2="96.041"
y1="409.155"
y2="510.506"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffd00d" />
<stop offset=".238" stop-color="#ffcb0e" />
<stop offset=".535" stop-color="#fb1" />
<stop offset=".863" stop-color="#ffa215" />
<stop offset="1" stop-color="#ff9517" />
</linearGradient>
<linearGradient
id="m"
x1="222.58"
x2="260.264"
y1="453.407"
y2="549.971"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="261.693"
x2="261.693"
y1="409.155"
y2="510.506"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#00e7b2" />
<stop offset=".246" stop-color="#05e5b1" />
<stop offset=".53" stop-color="#13ddac" />
<stop offset=".832" stop-color="#2ad1a5" />
<stop offset="1" stop-color="#3ac9a0" />
</linearGradient>
<linearGradient
id="o"
x1="388.232"
x2="425.915"
y1="453.407"
y2="549.971"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="427.345"
x2="427.345"
y1="409.155"
y2="510.506"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="226.604"
x2="226.604"
y1="234.082"
y2="377.222"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a1b5d8" stop-opacity="0" />
<stop offset=".63" stop-color="#8393a8" stop-opacity=".631" />
<stop offset="1" stop-color="#748290" />
</linearGradient>
<path
fill="url(#e)"
d="M350.258 90.926c-5.04-.067-9.996.23-14.848.86-4.39.57-8.2-2.888-8.195-7.313v-.09C327.215 37.78 289.434 0 242.832 0c-36.676 0-67.871 23.402-79.5 56.082-1.203 3.375-4.625 5.441-8.148 4.79a62.988 62.988 0 0 0-11.496-1.06c-34.868 0-63.133 28.266-63.133 63.133v.227c.015 3.676-2.633 6.86-6.278 7.316C32.742 135.7.597 171.086.5 214.012c-.105 46.515 38.93 84.574 85.45 84.574H348.87c57.55 0 104.164-46.82 103.832-104.445-.32-56.297-46.152-102.473-102.445-103.215zm0 0"
/>
<path
fill="url(#f)"
d="M327.215 84.383c0 3.008-.164 5.972-.465 8.902-38.234 8.29-68.613 37.637-78.39 75.297a86.302 86.302 0 0 1-5.528.184c-46.605 0-84.383-37.778-84.383-84.383C158.45 37.777 196.227 0 242.832 0s84.383 37.777 84.383 84.383zm0 0"
/>
<path
fill="url(#g)"
d="M206.816 122.938c0 28.019-18.261 51.777-43.52 60.03-12.41-31.144-42.843-53.148-78.413-53.148-1.32 0-2.637.032-3.938.098a61.578 61.578 0 0 1-.39-6.98c0-34.856 28.27-63.126 63.136-63.126 34.856.004 63.125 28.27 63.125 63.126zm0 0"
/>
<path
fill="url(#h)"
d="M191.863 276.91V319c0 21.68-17.64 39.32-39.32 39.32H91.047c-11.942 0-21.656 9.715-21.656 21.657v43.703c0 4.875-3.957 8.832-8.832 8.832s-8.832-3.957-8.832-8.832v-43.703c0-21.68 17.64-39.32 39.32-39.32h61.496c11.941 0 21.656-9.716 21.656-21.657v-44.691c5.64 1.035 11.54 1.91 17.664 2.601zm0 0"
/>
<path
fill="url(#i)"
d="M401.48 379.977v43.703c0 4.875-3.957 8.832-8.832 8.832s-8.832-3.957-8.832-8.832v-43.703c0-11.942-9.714-21.657-21.656-21.657h-61.496c-21.68 0-39.32-17.64-39.32-39.32v-42.09a258.754 258.754 0 0 0 17.664-2.601V319c0 11.941 9.715 21.656 21.656 21.656h61.496c21.68 0 39.32 17.64 39.32 39.32zm0 0"
/>
<path
fill="url(#j)"
d="M235.438 278.715v152.031c0 4.875-3.958 8.832-8.836 8.832-4.875 0-8.832-3.957-8.832-8.832V278.715c2.921.082 5.867.117 8.832.117 2.968 0 5.914-.035 8.835-.117zm0 0"
/>
<path
fill="url(#k)"
d="M100.906 512h-79.91a8.33 8.33 0 0 1-8.328-8.328v-79.91a8.33 8.33 0 0 1 8.328-8.328h79.91a8.33 8.33 0 0 1 8.328 8.328v79.91a8.33 8.33 0 0 1-8.328 8.328zm0 0"
/>
<path
fill="url(#l)"
d="M100.906 415.434H82.848a8.328 8.328 0 0 1 8.328 8.328v79.91A8.328 8.328 0 0 1 82.848 512h18.058a8.33 8.33 0 0 0 8.328-8.328v-79.91a8.33 8.33 0 0 0-8.328-8.328zm0 0"
/>
<path
fill="url(#m)"
d="M266.559 512h-79.91a8.33 8.33 0 0 1-8.329-8.328v-79.91a8.33 8.33 0 0 1 8.328-8.328h79.91a8.33 8.33 0 0 1 8.329 8.328v79.91a8.33 8.33 0 0 1-8.328 8.328zm0 0"
/>
<path
fill="url(#n)"
d="M266.559 415.434H248.5a8.328 8.328 0 0 1 8.328 8.328v79.91A8.328 8.328 0 0 1 248.5 512h18.059a8.33 8.33 0 0 0 8.328-8.328v-79.91a8.33 8.33 0 0 0-8.328-8.328zm0 0"
/>
<path
fill="url(#o)"
d="M432.21 512H352.3a8.33 8.33 0 0 1-8.327-8.328v-79.91a8.33 8.33 0 0 1 8.328-8.328h79.91a8.33 8.33 0 0 1 8.328 8.328v79.91a8.33 8.33 0 0 1-8.328 8.328zm0 0"
/>
<path
fill="url(#p)"
d="M432.21 415.434h-18.058a8.328 8.328 0 0 1 8.328 8.328v79.91a8.328 8.328 0 0 1-8.328 8.328h18.059a8.33 8.33 0 0 0 8.328-8.328v-79.91a8.33 8.33 0 0 0-8.328-8.328zm0 0"
/>
<path
fill="url(#q)"
d="M342.422 236.957c0-23.125-51.856-41.871-115.82-41.871-63.961 0-115.817 18.746-115.817 41.871s51.856 41.875 115.817 41.875c63.964 0 115.82-18.75 115.82-41.875zm0 0"
/>
</svg>
More icons in the same style and category