Add icons to this collection by clicking the heart icon.
Cloud Data icon - also known as network, networking, management, server, cloud data, and cloud database. Created in a clean flat 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 32 32"
>
<linearGradient
id="a"
x1="2"
x2="30"
y1="27.5"
y2="27.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8b808e" />
<stop offset="1" stop-color="#655e68" />
</linearGradient>
<linearGradient id="c" x1="10" x2="22" y1="20.01" y2="20.01" href="#a" />
<linearGradient
id="b"
x1="3"
x2="11"
y1="23"
y2="23"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c4d3f1" />
<stop offset="1" stop-color="#8ab2e9" />
</linearGradient>
<linearGradient id="d" x1="2" x2="30" y1="9" y2="9" href="#b" />
<linearGradient
id="e"
x1="11"
x2="21"
y1="11"
y2="11"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc269" />
<stop offset="1" stop-color="#e5646e" />
</linearGradient>
<linearGradient
id="f"
x1="11"
x2="21"
y1="15"
y2="15"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe07d" />
<stop offset="1" stop-color="#ffc269" />
</linearGradient>
<linearGradient id="g" x1="21" x2="29" href="#b" />
<g>
<path
fill="url(#a)"
d="M27 29a1 1 0 0 1-1 1h-2a1 1 0 0 1 0-2v-2a1 1 0 0 1 2 0v2a1 1 0 0 1 1 1zM8 28v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zm3 0a1 1 0 1 0 1 1 1 1 0 0 0-1-1zm-8 0a1 1 0 1 0 1 1 1 1 0 0 0-1-1zm26 0a1 1 0 1 0 1 1 1 1 0 0 0-1-1zm-8 0a1 1 0 1 0 1 1 1 1 0 0 0-1-1z"
/>
<path
fill="url(#c)"
d="M22 23a1 1 0 0 1-1 1H11a1 1 0 0 1 0-2h4v-5a1 1 0 0 1 1-1 1 1 0 0 1 1 1v5h4a1 1 0 0 1 1 1z"
/>
<path
fill="#655e68"
d="M12 20v6a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"
/>
<path
fill="url(#b)"
d="M11 20.6v4.8a.8.8 0 0 1-.8.8H3.8a.8.8 0 0 1-.8-.8v-4.8a.8.8 0 0 1 .8-.8h6.4a.8.8 0 0 1 .8.8z"
/>
<path
fill="url(#d)"
d="M30 11a5 5 0 0 1-5 5H7A5 5 0 0 1 7 6a4.94 4.94 0 0 1 1 .11A6.9 6.9 0 0 1 12.71 4 7.91 7.91 0 0 1 18 2a8 8 0 0 1 6.92 4H25a5 5 0 0 1 5 5z"
/>
<path
fill="#83a9de"
d="M29 14a5 5 0 0 1-4 2H7a5 5 0 0 1-3-9 4.94 4.94 0 0 0-1 3 5 5 0 0 0 5 5h18a4.94 4.94 0 0 0 3-1z"
/>
<path
fill="url(#e)"
d="M21 9v4a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"
/>
<path
fill="#e5646e"
d="M21 11v2a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1 3 3 0 0 0 3 3z"
/>
<path
fill="url(#f)"
d="M21 13v4a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"
/>
<path
fill="#ffa95f"
d="M21 17a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1 5 5 0 0 0 5 5z"
opacity=".6"
/>
<path
fill="#655e68"
d="M30 20v6a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"
/>
<path fill="#f7f6f7" d="M21 12v2H11v-2z" />
<path
fill="url(#g)"
d="M28.2 19.8h-6.4a.8.8 0 0 0-.8.8v4.8a.8.8 0 0 0 .8.8h6.4a.8.8 0 0 0 .8-.8v-4.8a.8.8 0 0 0-.8-.8z"
/>
<path
fill="#83a9de"
d="M11 25.2v.2a.8.8 0 0 1-.8.8H3.8a.8.8 0 0 1-.8-.8v-4.8a.8.8 0 0 1 .8-.8H4v.4a5 5 0 0 0 5 5zm16 0a5 5 0 0 1-5-5v-.4h-.2a.8.8 0 0 0-.8.8v4.8a.8.8 0 0 0 .8.8h6.4a.8.8 0 0 0 .8-.8v-.2z"
/>
</g>
</svg>
More icons in the same style and category