Add icons to this collection by clicking the heart icon.
Cloud Data icon - also known as networking, multimedia, ui, web development, cloud computing, hosting, cpu, cloud data, and firmware. 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="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient
id="e"
x1="108.77"
x2="384.977"
y1="80.578"
y2="356.784"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b5dbff" />
<stop offset="1" stop-color="#76e2f8" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#b5dbff" stop-opacity="0" />
<stop offset=".243" stop-color="#93cef6" stop-opacity=".243" />
<stop offset=".576" stop-color="#6abfec" stop-opacity=".576" />
<stop offset=".84" stop-color="#51b5e5" stop-opacity=".84" />
<stop offset="1" stop-color="#48b2e3" />
</linearGradient>
<linearGradient
id="f"
x1="215.305"
x2="393.014"
y1="116.854"
y2="80.72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="345.055"
x2="229.942"
y1="441.969"
y2="252.065"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b5dbff" stop-opacity="0" />
<stop offset=".173" stop-color="#8fc5e9" stop-opacity=".173" />
<stop offset=".454" stop-color="#56a4c8" stop-opacity=".454" />
<stop offset=".696" stop-color="#2d8db1" stop-opacity=".696" />
<stop offset=".885" stop-color="#147ea2" stop-opacity=".885" />
<stop offset="1" stop-color="#0b799d" />
</linearGradient>
<linearGradient
id="h"
x1="251.311"
x2="251.311"
y1="313.944"
y2="382.658"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="214.897"
x2="214.897"
y1="176"
y2="267.006"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="255"
x2="255"
y1="123.255"
y2="271.324"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="295.103"
x2="295.103"
y1="206.666"
y2="264.495"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="108.22"
x2="108.22"
y1="220.926"
y2="289.346"
gradientTransform="rotate(-90 166.104 276.309)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="144.634"
x2="144.634"
y1="181.271"
y2="292.593"
gradientTransform="rotate(-90 166.104 276.309)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="108.22"
x2="108.22"
y1="433.404"
y2="491.476"
gradientTransform="matrix(0 -1 -1 0 821.53 442.413)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="144.634"
x2="144.634"
y1="399.746"
y2="494.232"
gradientTransform="matrix(0 -1 -1 0 821.53 442.413)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#0b799d" />
<stop offset="1" stop-color="#07485e" />
</linearGradient>
<linearGradient
id="p"
x1="153.501"
x2="219.703"
y1="456.499"
y2="522.701"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffda2d" />
<stop offset="1" stop-color="#fdbf00" />
</linearGradient>
<linearGradient
id="q"
x1="71.5"
x2="90.238"
y1="482.25"
y2="500.988"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="288.348"
x2="375.646"
y1="410.319"
y2="497.617"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="425"
x2="443.739"
y1="482.25"
y2="500.988"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="245"
x2="265"
y1="458.287"
y2="458.287"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#edf5ff" />
<stop offset="1" stop-color="#b5dbff" />
</linearGradient>
<linearGradient
id="u"
x1="331.702"
x2="349.53"
y1="292.631"
y2="306.215"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="331.702"
x2="349.53"
y1="332.734"
y2="346.318"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="331.702"
x2="349.53"
y1="372.837"
y2="386.42"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="169.627"
x2="187.456"
y1="292.631"
y2="306.215"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="y"
x1="169.627"
x2="187.456"
y1="332.734"
y2="346.318"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="z"
x1="169.627"
x2="187.456"
y1="372.837"
y2="386.42"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="A"
x1="412.739"
x2="430.567"
y1="211.594"
y2="225.178"
gradientTransform="matrix(0 1 1 0 0 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="B"
x1="412.739"
x2="430.567"
y1="251.697"
y2="265.28"
gradientTransform="matrix(0 1 1 0 0 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="C"
x1="412.739"
x2="430.567"
y1="291.799"
y2="305.383"
gradientTransform="matrix(0 1 1 0 0 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="D"
x1="250.664"
x2="268.493"
y1="211.594"
y2="225.178"
gradientTransform="matrix(0 1 1 0 0 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="E"
x1="250.664"
x2="268.493"
y1="251.697"
y2="265.28"
gradientTransform="matrix(0 1 1 0 0 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="F"
x1="250.664"
x2="268.493"
y1="291.799"
y2="305.383"
gradientTransform="matrix(0 1 1 0 0 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="G"
x1="216"
x2="336.304"
y1="297.037"
y2="417.341"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="H"
x1="224.075"
x2="319.471"
y1="143.037"
y2="238.434"
gradientTransform="rotate(180 255 255)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="I"
x1="233.5"
x2="286.68"
y1="314.537"
y2="367.717"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b9dd39" />
<stop offset="1" stop-color="#90cc1c" />
</linearGradient>
<path
fill="url(#e)"
d="M369.219 76.021c-15.263 0-29.954 2.439-43.717 6.931C310.781 34.924 266.091 0 213.24 0 148.401 0 95.838 52.563 95.838 117.403c0 9.368 1.104 18.478 3.177 27.213C43.68 148.516 0 194.636 0 250.963c0 58.885 47.735 106.62 106.62 106.62h262.599c77.751 0 140.781-63.03 140.781-140.781S446.97 76.021 369.219 76.021z"
/>
<path
fill="url(#f)"
d="M228.435 216.808c0 5.71.343 11.338 1.007 16.871a116.182 116.182 0 0 1-16.207 1.125c-64.84 0-117.395-52.566-117.395-117.407C95.84 52.569 148.395.002 213.235.002c52.851 0 97.55 34.926 112.265 82.955-56.346 18.375-97.065 71.356-97.065 133.851z"
/>
<path
fill="url(#g)"
d="M419.683 348.258 312.178 240.906c-2.599-3.359-34.197-1.684-36.215 3.709-.417-.414-2.931-2.968-3.888-3.709-2.599-3.359-34.197-1.684-36.214 3.709-.417-.414-2.931-2.968-3.888-3.709-2.599-3.359-37.126.831-37.126 8.68v7.167c-9.999 1.206-17.923 9.131-19.13 19.13h-7.168c-7.849 0-12.039 34.527-8.68 37.126.74.957 3.294 3.471 3.709 3.888-5.393 2.018-7.068 33.615-3.709 36.214.332.429 2.232 2.382 4.311 4.471h205.04c17.785.001 34.796-3.306 50.463-9.324z"
/>
<path
fill="url(#h)"
d="M.821 264.234c6.534 52.621 51.408 93.349 105.799 93.349h262.599c61.107 0 113.112-38.936 132.581-93.349z"
/>
<path fill="url(#i)" d="M204.397 141.118h21v119h-21z" />
<path fill="url(#j)" d="M244.5 66.5h21v193.618h-21z" />
<path fill="url(#k)" d="M284.603 184.5h21v75.618h-21z" />
<path fill="url(#l)" d="M173.963 323.693v21H84.497v-21z" />
<path fill="url(#m)" d="M173.963 287.279v21H28.398v-21z" />
<path fill="url(#n)" d="M334.449 323.693v21h75.936v-21z" />
<path fill="url(#o)" d="M334.449 287.279v21H458v-21z" />
<path
fill="url(#p)"
d="M190.291 499.315H84.747c-5.522 0-10-4.477-10-10s4.478-10 10-10h105.544c8.191 0 14.856-6.665 14.856-14.856v-47.885c0-5.523 4.478-10 10-10s10 4.477 10 10v47.885c0 19.22-15.636 34.856-34.856 34.856z"
/>
<circle cx="78.25" cy="489" r="21" fill="url(#q)" />
<path
fill="url(#r)"
d="M319.709 499.315h105.544c5.522 0 10-4.477 10-10s-4.478-10-10-10H319.709c-8.191 0-14.856-6.665-14.856-14.856v-47.885c0-5.523-4.478-10-10-10s-10 4.477-10 10v47.885c0 19.22 15.636 34.856 34.856 34.856z"
/>
<circle cx="431.75" cy="489" r="21" fill="url(#s)" />
<path
fill="url(#t)"
d="M255 510c-5.523 0-10-4.477-10-10v-83.426c0-5.523 4.477-10 10-10s10 4.477 10 10V500c0 5.523-4.477 10-10 10z"
/>
<path
fill="url(#u)"
d="M341.451 315.986h-10.828c-7.849 0-14.211-6.363-14.211-14.211v-11.68c0-7.849 6.363-14.211 14.211-14.211h10.828c7.849 0 14.211 6.363 14.211 14.211v11.68c.001 7.848-6.362 14.211-14.211 14.211z"
/>
<path
fill="url(#v)"
d="M341.451 356.089h-10.828c-7.849 0-14.211-6.363-14.211-14.211v-11.68c0-7.849 6.363-14.211 14.211-14.211h10.828c7.849 0 14.211 6.363 14.211 14.211v11.68c.001 7.848-6.362 14.211-14.211 14.211z"
/>
<path
fill="url(#w)"
d="M341.451 396.191h-10.828c-7.849 0-14.211-6.363-14.211-14.211V370.3c0-7.849 6.363-14.211 14.211-14.211h10.828c7.849 0 14.211 6.363 14.211 14.211v11.68c.001 7.848-6.362 14.211-14.211 14.211z"
/>
<path
fill="url(#x)"
d="M179.377 315.986h-10.828c-7.849 0-14.211-6.363-14.211-14.211v-11.68c0-7.849 6.363-14.211 14.211-14.211h10.828c7.849 0 14.211 6.363 14.211 14.211v11.68c0 7.848-6.363 14.211-14.211 14.211z"
/>
<path
fill="url(#y)"
d="M179.377 356.089h-10.828c-7.849 0-14.211-6.363-14.211-14.211v-11.68c0-7.849 6.363-14.211 14.211-14.211h10.828c7.849 0 14.211 6.363 14.211 14.211v11.68c0 7.848-6.363 14.211-14.211 14.211z"
/>
<path
fill="url(#z)"
d="M179.377 396.191h-10.828c-7.849 0-14.211-6.363-14.211-14.211V370.3c0-7.849 6.363-14.211 14.211-14.211h10.828c7.849 0 14.211 6.363 14.211 14.211v11.68c0 7.848-6.363 14.211-14.211 14.211z"
/>
<path
fill="url(#A)"
d="M234.949 422.488V411.66c0-7.849-6.363-14.211-14.211-14.211h-11.68c-7.849 0-14.211 6.363-14.211 14.211v10.828c0 7.849 6.363 14.211 14.211 14.211h11.68c7.848.001 14.211-6.362 14.211-14.211z"
/>
<path
fill="url(#B)"
d="M275.051 422.488V411.66c0-7.849-6.363-14.211-14.211-14.211h-11.68c-7.849 0-14.211 6.363-14.211 14.211v10.828c0 7.849 6.363 14.211 14.211 14.211h11.68c7.849.001 14.211-6.362 14.211-14.211z"
/>
<path
fill="url(#C)"
d="M315.154 422.488V411.66c0-7.849-6.363-14.211-14.211-14.211h-11.68c-7.849 0-14.211 6.363-14.211 14.211v10.828c0 7.849 6.363 14.211 14.211 14.211h11.68c7.848.001 14.211-6.362 14.211-14.211z"
/>
<path
fill="url(#D)"
d="M234.949 260.414v-10.828c0-7.849-6.363-14.211-14.211-14.211h-11.68c-7.849 0-14.211 6.363-14.211 14.211v10.828c0 7.849 6.363 14.211 14.211 14.211h11.68c7.848 0 14.211-6.362 14.211-14.211z"
/>
<path
fill="url(#E)"
d="M275.051 260.414v-10.828c0-7.849-6.363-14.211-14.211-14.211h-11.68c-7.849 0-14.211 6.363-14.211 14.211v10.828c0 7.849 6.363 14.211 14.211 14.211h11.68c7.849 0 14.211-6.362 14.211-14.211z"
/>
<path
fill="url(#F)"
d="M315.154 260.414v-10.828c0-7.849-6.363-14.211-14.211-14.211h-11.68c-7.849 0-14.211 6.363-14.211 14.211v10.828c0 7.849 6.363 14.211 14.211 14.211h11.68c7.848 0 14.211-6.362 14.211-14.211z"
/>
<path
fill="url(#G)"
d="M312.5 415.486h-115c-12.122 0-21.949-9.827-21.949-21.949v-115c0-12.122 9.827-21.949 21.949-21.949h115c12.122 0 21.949 9.827 21.949 21.949v115c0 12.122-9.827 21.949-21.949 21.949z"
/>
<path
fill="url(#H)"
d="M209.405 273.037h91.191c9.612 0 17.405 7.792 17.405 17.405v91.191c0 9.612-7.792 17.405-17.405 17.405h-91.191c-9.612 0-17.405-7.792-17.405-17.405v-91.191c0-9.612 7.792-17.405 17.405-17.405z"
/>
<path
fill="url(#I)"
d="M290.825 385.537h-71.65c-7.553 0-13.675-6.123-13.675-13.675v-71.65c0-7.553 6.123-13.675 13.675-13.675h71.65c7.553 0 13.675 6.123 13.675 13.675v71.65c0 7.553-6.123 13.675-13.675 13.675z"
/>
</svg>
More icons in the same style and category