Add icons to this collection by clicking the heart icon.
Cloud Data icon - also known as computer, cloud, network, laptop, cloud storage, saas, cloud data, seo and web, and software as service. Created in a clean flat 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="32"
x2="32"
y1="55"
y2="15"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a0a6ba" />
<stop offset="1" stop-color="#c6ccda" />
</linearGradient>
<linearGradient
id="c"
x1="32"
x2="32"
y1="51"
y2="19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9dd5df" />
<stop offset="1" stop-color="#c3e1f5" />
</linearGradient>
<linearGradient id="d" y1="63" y2="55" href="#a" />
<linearGradient
id="e"
x1="32"
x2="32"
y1="25"
y2="1"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4d8e1" />
<stop offset="1" stop-color="#f3f4f5" />
</linearGradient>
<linearGradient
id="b"
x1="16"
x2="16"
y1="46"
y2="42"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbcc88" />
<stop offset="1" stop-color="#ffe5c3" />
</linearGradient>
<linearGradient id="f" x1="32" x2="32" y1="46" y2="42" href="#b" />
<linearGradient id="g" x1="48" x2="48" y1="46" y2="42" href="#b" />
<g>
<path
fill="url(#a)"
d="M59 18v37H5V18a3 3 0 0 1 3-3h48a3 3 0 0 1 3 3z"
/>
<path fill="url(#c)" d="M9 19h46v32H9z" />
<path fill="#aae0e5" d="M55 19v2H9v-2z" />
<path
fill="#aae0e5"
d="M52.35 19.35A7.65 7.65 0 0 1 44.71 27h-24a9.07 9.07 0 0 1-9-8c44.15 0 40.64-.17 40.64.35z"
/>
<path fill="#77cacb" d="M55 49v2H9v-2z" />
<path
fill="url(#d)"
d="M3 55h58a2 2 0 0 1 2 2v2a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2z"
/>
<path
fill="#8288a1"
d="M63 57v2a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4v-2a4 4 0 0 0 4 4h54a4 4 0 0 0 4-4z"
/>
<path fill="#d7dbe2" d="M40 58H24l-2-3h20z" />
<path fill="#8288a1" d="M5 53h54v2H5z" />
<g fill="#fff2e3">
<path
d="M31 42V25a1 1 0 0 1 2 0v17a1 1 0 0 1-2 0zM15 42v-6a1 1 0 0 1 1-1h10V25a1 1 0 0 1 2 0v11a1 1 0 0 1-1 1H17v5a1 1 0 0 1-2 0zM47 42v-5H37a1 1 0 0 1-1-1V25a1 1 0 0 1 2 0v10h10a1 1 0 0 1 1 1v6a1 1 0 0 1-2 0z"
/>
</g>
<path
fill="url(#e)"
d="M46.11 13.89a4.93 4.93 0 0 0-5.85-5 9.88 9.88 0 0 0-19.55 2 7.06 7.06 0 0 0 0 14.12h24a5.64 5.64 0 0 0 1.4-11.11z"
/>
<path
fill="#c7cdd8"
d="M44.71 25h-24a7.06 7.06 0 0 1-7-8.06 7 7 0 0 0 7 6.06h24a5.65 5.65 0 0 0 5.55-4.65A5.65 5.65 0 0 1 44.71 25z"
/>
<circle cx="16" cy="44" r="2" fill="url(#b)" />
<circle cx="32" cy="44" r="2" fill="url(#f)" />
<circle cx="48" cy="44" r="2" fill="url(#g)" />
</g>
</svg>
More icons in the same style and category