Add icons to this collection by clicking the heart icon.
Cloud icon - also known as computer, cloud, data, storage, wifi, smartphone, smartphones, and cloud computing. 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="New_Gradient_Swatch"
gradientUnits="userSpaceOnUse"
x1="55"
x2="55"
y1="62.395"
y2=".798"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="New_Gradient_Swatch-2"
x1="9"
x2="9"
y1="62.395"
y2=".798"
href="#New_Gradient_Swatch"
/>
<linearGradient
id="New_Gradient_Swatch-5"
x1="32"
x2="32"
y1="62.395"
y2=".798"
href="#New_Gradient_Swatch"
/>
<linearGradient
id="New_Gradient_Swatch-7"
x1="39"
x2="39"
y1="62.395"
y2=".798"
href="#New_Gradient_Swatch"
/>
<linearGradient
id="New_Gradient_Swatch-8"
x1="44"
x2="44"
y1="62.395"
y2=".798"
href="#New_Gradient_Swatch"
/>
<linearGradient
id="New_Gradient_Swatch-9"
x1="25"
x2="25"
y1="62.395"
y2=".798"
href="#New_Gradient_Swatch"
/>
<linearGradient
id="New_Gradient_Swatch-10"
x1="20"
x2="20"
y1="62.395"
y2=".798"
href="#New_Gradient_Swatch"
/>
<linearGradient
id="New_Gradient_Swatch-17"
x1="10.5"
x2="10.5"
y1="62.395"
y2=".798"
href="#New_Gradient_Swatch"
/>
<linearGradient
id="New_Gradient_Swatch-20"
x1="53.5"
x2="53.5"
y1="62.395"
y2=".798"
href="#New_Gradient_Swatch"
/>
<linearGradient
id="New_Gradient_Swatch-30"
x1="55"
x2="55"
y1="62.395"
y2=".797"
href="#New_Gradient_Swatch"
/>
<linearGradient
id="New_Gradient_Swatch-33"
x1="9"
x2="9"
y1="62.395"
y2=".797"
href="#New_Gradient_Swatch"
/>
<g id="Cloud-Smartphone-Wifi-Internet-Online">
<path
d="m59 2h-8a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-14a3 3 0 0 0 -3-3zm1 17a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1-1v-14a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"
fill="url(#New_Gradient_Swatch)"
/>
<path
d="m5 22h8a3 3 0 0 0 3-3v-14a3 3 0 0 0 -3-3h-8a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3zm-1-17a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1-1z"
fill="url(#New_Gradient_Swatch-2)"
/>
<path
d="m59 42h-8a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-14a3 3 0 0 0 -3-3zm1 17a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1-1v-14a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"
fill="url(#New_Gradient_Swatch)"
/>
<path
d="m13 42h-8a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-14a3 3 0 0 0 -3-3zm1 17a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1-1v-14a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"
fill="url(#New_Gradient_Swatch-2)"
/>
<path
d="m33 49h-2v2h-3v2h8v-2h-3z"
fill="url(#New_Gradient_Swatch-5)"
/>
<path d="m31 15h2v-2h3v-2h-8v2h3z" fill="url(#New_Gradient_Swatch-5)" />
<path d="m38 51h2v2h-2z" fill="url(#New_Gradient_Swatch-7)" />
<path d="m42 51h4v2h-4z" fill="url(#New_Gradient_Swatch-8)" />
<path d="m24 51h2v2h-2z" fill="url(#New_Gradient_Swatch-9)" />
<path d="m18 51h4v2h-4z" fill="url(#New_Gradient_Swatch-10)" />
<path d="m31 45h2v2h-2z" fill="url(#New_Gradient_Swatch-5)" />
<path d="m31 41h2v2h-2z" fill="url(#New_Gradient_Swatch-5)" />
<path d="m38 11h2v2h-2z" fill="url(#New_Gradient_Swatch-7)" />
<path d="m42 11h4v2h-4z" fill="url(#New_Gradient_Swatch-8)" />
<path d="m24 11h2v2h-2z" fill="url(#New_Gradient_Swatch-9)" />
<path d="m18 11h4v2h-4z" fill="url(#New_Gradient_Swatch-10)" />
<path
d="m10 33h3v-2h-3v-3h-2v8h2z"
fill="url(#New_Gradient_Swatch-17)"
/>
<path d="m8 24h2v2h-2z" fill="url(#New_Gradient_Swatch-2)" />
<path d="m8 38h2v2h-2z" fill="url(#New_Gradient_Swatch-2)" />
<path
d="m54 31h-3v2h3v3h2v-8h-2z"
fill="url(#New_Gradient_Swatch-20)"
/>
<path d="m54 24h2v2h-2z" fill="url(#New_Gradient_Swatch)" />
<path d="m54 38h2v2h-2z" fill="url(#New_Gradient_Swatch)" />
<path
d="m7.586 11.586 1.414 1.414 1.414-1.414a2 2 0 0 0 -2.828 0z"
fill="url(#New_Gradient_Swatch-2)"
/>
<path
d="m11.121 10.879 1.414-1.414a5 5 0 0 0 -7.07 0l1.414 1.414a3.072 3.072 0 0 1 4.242 0z"
fill="url(#New_Gradient_Swatch-2)"
/>
<path d="m8 16h2v2h-2z" fill="url(#New_Gradient_Swatch-2)" />
<g fill="url(#New_Gradient_Swatch)">
<path
d="m53.586 11.586 1.414 1.414 1.414-1.414a2 2 0 0 0 -2.828 0z"
/>
<path
d="m51.465 9.465 1.414 1.414a3.072 3.072 0 0 1 4.242 0l1.414-1.414a5 5 0 0 0 -7.07 0z"
/>
<path d="m54 16h2v2h-2z" />
<path
d="m53.586 51.586 1.414 1.414 1.414-1.414a2 2 0 0 0 -2.828 0z"
/>
</g>
<path
d="m51.465 49.465 1.414 1.414a3.072 3.072 0 0 1 4.242 0l1.414-1.414a5 5 0 0 0 -7.07 0z"
fill="url(#New_Gradient_Swatch-30)"
/>
<path d="m54 56h2v2h-2z" fill="url(#New_Gradient_Swatch)" />
<path
d="m7.586 51.586 1.414 1.414 1.414-1.414a2 2 0 0 0 -2.828 0z"
fill="url(#New_Gradient_Swatch-2)"
/>
<path
d="m5.465 49.465 1.414 1.414a3.072 3.072 0 0 1 4.242 0l1.414-1.414a5 5 0 0 0 -7.07 0z"
fill="url(#New_Gradient_Swatch-33)"
/>
<path d="m8 56h2v2h-2z" fill="url(#New_Gradient_Swatch-2)" />
<path
d="m42 27h-.063a8 8 0 0 0 -15.365-3.958 3.891 3.891 0 0 0 -.572-.042 4 4 0 0 0 -4 4 6 6 0 0 0 0 12h20a6 6 0 0 0 0-12zm0 10h-20a4 4 0 0 1 0-8h1.184a1 1 0 0 0 .942-1.334 1.979 1.979 0 0 1 -.126-.666 1.989 1.989 0 0 1 2.814-1.821 1 1 0 0 0 1.379-.665 6 6 0 1 1 11.555 3.2 1 1 0 0 0 .958 1.286h1.294a4 4 0 0 1 0 8z"
fill="url(#New_Gradient_Swatch-5)"
/>
<path d="m31 33h2v2h-2z" fill="url(#New_Gradient_Swatch-5)" />
<path
d="m28.465 30.465 1.414 1.414a3.072 3.072 0 0 1 4.242 0l1.414-1.414a5 5 0 0 0 -7.07 0z"
fill="url(#New_Gradient_Swatch-5)"
/>
<path
d="m25.636 27.636 1.414 1.414a7.009 7.009 0 0 1 9.9 0l1.414-1.414a9.012 9.012 0 0 0 -12.728 0z"
fill="url(#New_Gradient_Swatch-5)"
/>
</g>
</svg>
More icons in the same style and category