Add icons to this collection by clicking the heart icon.
Cloud icon - also known as computer, cloud, data, internet, server, computing cloud, and seo and web. 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="a"
x1="20"
x2="20"
y1="63.679"
y2="-.283"
gradientUnits="userSpaceOnUse"
>
<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="b" x1="32" x2="32" y1="63.679" y2="-.283" href="#a" />
<linearGradient id="c" x1="44" x2="44" y1="63.679" y2="-.283" href="#a" />
<linearGradient id="d" x1="36" x2="36" y1="63.679" y2="-.283" href="#a" />
<linearGradient
id="e"
x1="25.53"
x2="25.53"
y1="63.679"
y2="-.283"
gradientTransform="rotate(14.98 25.53 7.865)"
href="#a"
/>
<linearGradient
id="f"
x1="19.5"
x2="19.5"
y1="63.679"
y2="-.283"
gradientTransform="rotate(30 19.497 10.347)"
href="#a"
/>
<linearGradient
id="g"
x1="14.322"
x2="14.322"
y1="63.679"
y2="-.283"
gradientTransform="rotate(45 14.325 14.32)"
href="#a"
/>
<linearGradient
id="h"
x1="10.349"
x2="10.349"
y1="63.679"
y2="-.283"
gradientTransform="rotate(60 10.35 19.5)"
href="#a"
/>
<linearGradient
id="i"
x1="7.852"
x2="7.852"
y1="63.679"
y2="-.283"
gradientTransform="rotate(74.99 7.848 25.533)"
href="#a"
/>
<linearGradient id="j" x1="7" x2="7" y1="63.679" y2="-.283" href="#a" />
<linearGradient
id="k"
x1="7.852"
x2="7.852"
y1="63.679"
y2="-.283"
gradientTransform="rotate(14.98 7.83 38.44)"
href="#a"
/>
<linearGradient
id="l"
x1="10.349"
x2="10.349"
y1="63.679"
y2="-.283"
gradientTransform="rotate(30 10.351 44.49)"
href="#a"
/>
<linearGradient
id="m"
x1="14.322"
x2="14.322"
y1="63.679"
y2="-.283"
gradientTransform="rotate(45 14.332 49.678)"
href="#a"
/>
<linearGradient
id="n"
x1="19.5"
x2="19.5"
y1="63.679"
y2="-.283"
gradientTransform="rotate(60 19.5 53.657)"
href="#a"
/>
<linearGradient
id="o"
x1="25.53"
x2="25.53"
y1="63.679"
y2="-.283"
gradientTransform="rotate(74.99 25.521 56.155)"
href="#a"
/>
<linearGradient
id="p"
x1="38.47"
x2="38.47"
y1="63.679"
y2="-.283"
gradientTransform="rotate(14.98 38.452 56.18)"
href="#a"
/>
<linearGradient
id="q"
x1="44.5"
x2="44.5"
y1="63.679"
y2="-.283"
gradientTransform="rotate(30 44.497 53.637)"
href="#a"
/>
<linearGradient
id="r"
x1="49.678"
x2="49.678"
y1="63.679"
y2="-.283"
gradientTransform="rotate(45 49.69 49.673)"
href="#a"
/>
<linearGradient
id="s"
x1="53.651"
x2="53.651"
y1="63.679"
y2="-.283"
gradientTransform="rotate(60 53.651 44.498)"
href="#a"
/>
<linearGradient
id="t"
x1="56.148"
x2="56.148"
y1="63.679"
y2="-.283"
gradientTransform="rotate(74.99 56.146 38.484)"
href="#a"
/>
<linearGradient id="u" x1="57" x2="57" y1="63.679" y2="-.283" href="#a" />
<linearGradient
id="v"
x1="56.148"
x2="56.148"
y1="63.679"
y2="-.283"
gradientTransform="rotate(14.98 56.088 25.525)"
href="#a"
/>
<linearGradient
id="w"
x1="53.651"
x2="53.651"
y1="63.679"
y2="-.283"
gradientTransform="rotate(30 53.642 19.492)"
href="#a"
/>
<linearGradient
id="x"
x1="49.678"
x2="49.678"
y1="63.679"
y2="-.283"
gradientTransform="rotate(45 49.685 14.315)"
href="#a"
/>
<linearGradient
id="y"
x1="44.5"
x2="44.5"
y1="63.679"
y2="-.283"
gradientTransform="rotate(60 44.505 10.352)"
href="#a"
/>
<linearGradient
id="z"
x1="38.47"
x2="38.47"
y1="63.679"
y2="-.283"
gradientTransform="rotate(74.99 38.47 7.858)"
href="#a"
/>
<path
fill="url(#a)"
d="M20 41a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M32 44a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M44 41a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M43 24h-2.063a8 8 0 0 0-15.364-3.958A3.915 3.915 0 0 0 25 20a4 4 0 0 0-4 4 6 6 0 0 0 0 12h4v1.586l-2.707 2.707 1.414 1.414 3-3A1 1 0 0 0 27 38v-2h4v6h2v-6h4v2a1 1 0 0 0 .293.707l3 3 1.414-1.414L39 37.586V36h4a6 6 0 0 0 0-12zm0 10h-4v-2h-2v2h-4v-2h-2v2h-4v-2h-2v2h-4a4 4 0 0 1 0-8h1.184a1 1 0 0 0 .942-1.334 1.985 1.985 0 0 1 2.69-2.486 1 1 0 0 0 1.378-.666 6 6 0 1 1 11.554 3.2A1 1 0 0 0 39.706 26H43a4 4 0 0 1 0 8z"
/>
<path fill="url(#d)" d="M35 24h2v2h-2z" />
<g fill="url(#b)">
<path d="M31 24h2v2h-2z" />
<path
d="M32 2a30 30 0 1 0 30 30A30.034 30.034 0 0 0 32 2zm0 58a28 28 0 1 1 28-28 28.032 28.032 0 0 1-28 28z"
/>
<path d="M31 6h2v2h-2z" />
</g>
<path
fill="url(#e)"
d="M24.53 6.852h2v2h-2z"
transform="rotate(-14.98 25.539 7.839)"
/>
<path
fill="url(#f)"
d="M18.5 9.349h2v2h-2z"
transform="rotate(-30 19.496 10.349)"
/>
<path
fill="url(#g)"
d="M13.322 13.322h2v2h-2z"
transform="rotate(-45 14.32 14.325)"
/>
<path
fill="url(#h)"
d="M9.349 18.5h2v2h-2z"
transform="rotate(-60 10.349 19.5)"
/>
<path
fill="url(#i)"
d="M6.852 24.529h2v2h-2z"
transform="rotate(-74.99 7.857 25.53)"
/>
<path fill="url(#j)" d="M6 31h2v2H6z" />
<path
fill="url(#k)"
d="M6.852 37.471h2v2h-2z"
transform="rotate(-14.98 7.858 38.433)"
/>
<path
fill="url(#l)"
d="M9.349 43.5h2v2h-2z"
transform="rotate(-30 10.344 44.492)"
/>
<path
fill="url(#m)"
d="M13.322 48.678h2v2h-2z"
transform="rotate(-45 14.315 49.685)"
/>
<path
fill="url(#n)"
d="M18.5 52.65h2v2h-2z"
transform="rotate(-60 19.504 53.656)"
/>
<path
fill="url(#o)"
d="M24.53 55.149h2v2h-2z"
transform="rotate(-74.99 25.54 56.147)"
/>
<path fill="url(#b)" d="M31 56h2v2h-2z" />
<path
fill="url(#p)"
d="M37.471 55.148h2v2h-2z"
transform="rotate(-14.98 38.506 56.144)"
/>
<path
fill="url(#q)"
d="M43.5 52.65h2v2h-2z"
transform="rotate(-30 44.487 53.645)"
/>
<path
fill="url(#r)"
d="M48.678 48.678h2v2h-2z"
transform="rotate(-45 49.673 49.69)"
/>
<path
fill="url(#s)"
d="M52.65 43.5h2v2h-2z"
transform="rotate(-60 53.65 44.502)"
/>
<path
fill="url(#t)"
d="M55.148 37.471h2v2h-2z"
transform="rotate(-74.99 56.16 38.463)"
/>
<path fill="url(#u)" d="M56 31h2v2h-2z" />
<path
fill="url(#v)"
d="M55.148 24.529h2v2h-2z"
transform="rotate(-14.98 56.106 25.489)"
/>
<path
fill="url(#w)"
d="M52.651 18.5h2v2h-2z"
transform="rotate(-30 53.64 19.501)"
/>
<path
fill="url(#x)"
d="M48.678 13.322h2v2h-2z"
transform="rotate(-45 49.678 14.332)"
/>
<path
fill="url(#y)"
d="M43.5 9.349h2v2h-2z"
transform="rotate(-60 44.505 10.35)"
/>
<path
fill="url(#z)"
d="M37.471 6.852h2v2h-2z"
transform="rotate(-74.99 38.473 7.846)"
/>
</svg>
More icons in the same style and category