Add icons to this collection by clicking the heart icon.
Cloud Computing icon - also known as cloud storage, browser, cloud computing, cloud connection, and seo and web. Created in a clean flat gradient style with a white, silver, gray, and orange finish, 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="4"
x2="60"
y1="11"
y2="11"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#54a5ff" />
<stop offset="1" stop-color="#8ad3fe" />
</linearGradient>
<linearGradient
id="c"
x1="4"
x2="60"
y1="39"
y2="39"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3e6f5" />
<stop offset="1" stop-color="#f0f7fc" />
</linearGradient>
<linearGradient
id="a"
x1="19.54"
x2="24.46"
y1="51.96"
y2="47.04"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe9661" />
<stop offset="1" stop-color="#ffb369" />
</linearGradient>
<linearGradient
id="d"
x1="29.54"
x2="34.46"
y1="51.96"
y2="47.04"
href="#a"
/>
<linearGradient
id="e"
x1="39.54"
x2="44.46"
y1="51.96"
y2="47.04"
href="#a"
/>
<linearGradient id="f" x1="17.5" x2="46.5" y1="32" y2="32" href="#b" />
<g>
<path fill="url(#b)" d="M60 6v12H4V6a2 2 0 0 1 2-2h52a2 2 0 0 1 2 2z" />
<path fill="url(#c)" d="M60 18v40a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V18z" />
<rect width="30" height="6" x="8" y="8" fill="#4795ea" rx="2" />
<path fill="#4795ea" d="M49 13a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
<path fill="#eb7f58" d="M43 13a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
<path fill="#d7e9f7" d="M55 13a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
<g fill="#b4cde1">
<path
d="M32 50a1 1 0 0 1-1-1V39a1 1 0 0 1 2 0v10a1 1 0 0 1-1 1zM42 50a1 1 0 0 1-1-1V39a1 1 0 0 1 2 0v10a1 1 0 0 1-1 1zM22 50a1 1 0 0 1-1-1V39a1 1 0 0 1 2 0v10a1 1 0 0 1-1 1z"
/>
</g>
<rect width="6" height="5" x="19" y="47" fill="url(#a)" rx="1" />
<rect width="6" height="5" x="29" y="47" fill="url(#d)" rx="1" />
<rect width="6" height="5" x="39" y="47" fill="url(#e)" rx="1" />
<path
fill="url(#f)"
d="M46.5 36.5a4 4 0 0 1-3.39 3.94h-.3a1.62 1.62 0 0 1-.31 0h-20a1.62 1.62 0 0 1-.31 0 5 5 0 0 1 .31-10h.09a5.58 5.58 0 0 1-.09-1A6 6 0 0 1 33.94 27a5 5 0 0 1 8.14 5.54h.42a4 4 0 0 1 4 3.96z"
/>
</g>
</svg>
More icons in the same style and category