Add icons to this collection by clicking the heart icon.
Cloud Data icon - also known as cloud storage, databases, cloud data, hosting servers, and seo and web. Created in a clean outline 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 64 64"
>
<defs>
<linearGradient
id="linear-gradient"
x1="17"
x2="21"
y1="54"
y2="54"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe9661" />
<stop offset="1" stop-color="#ffb369" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1="23"
x2="27"
y1="54"
y2="54"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#54a5ff" />
<stop offset="1" stop-color="#8ad3fe" />
</linearGradient>
<linearGradient
id="linear-gradient-3"
y1="42"
y2="42"
href="#linear-gradient"
/>
<style>
.cls-1 {
fill: #f5f7ff;
}
.cls-3 {
fill: #0074ff;
}
.cls-7 {
fill: #033c59;
}
</style>
</defs>
<g id="Cloud_data">
<path
d="M61 28a7 7 0 0 1-7 7H12C2.93 35-.37 23.09 7.28 18.33a8.31 8.31 0 0 1 1.81-.82c1.54-16.08 22.85-19.81 30.1-5.89a12 12 0 0 1 15.65 9.43A7 7 0 0 1 61 28Z"
class="cls-1"
/>
<path
d="M59 32c0 .16 0 .92-.14 1a7.13 7.13 0 0 1-4.29 2H48v2h-2v-2H33v2h-2v-2H18v2h-2v-2h-4a9 9 0 0 1-8.8-10.9 8.5 8.5 0 0 1 3.24-2.35c.84-.36.59 0 .72-.8A15.15 15.15 0 0 1 7.81 18c1.58-.79 1.19 0 1.37-1.25a16.39 16.39 0 0 1 .67-2.85 16 16 0 0 1 27.34 1.72 12 12 0 0 1 15.65 9.43A7 7 0 0 1 59 32Z"
fill="#ccd3eb"
/>
<rect width="38" height="12" x="13" y="48" class="cls-3" rx="3" />
<rect width="38" height="12" x="13" y="36" class="cls-3" rx="3" />
<rect width="38" height="12" x="13" y="24" class="cls-3" rx="3" />
<circle cx="19" cy="54" r="2" fill="url(#linear-gradient)" />
<circle cx="25" cy="54" r="2" fill="url(#linear-gradient-2)" />
<circle cx="19" cy="42" r="2" fill="url(#linear-gradient-3)" />
<circle cx="25" cy="42" r="2" class="cls-1" />
<circle cx="19" cy="54" r="2" class="cls-1" />
<circle cx="25" cy="54" r="2" class="cls-1" />
<circle cx="19" cy="30" r="2" class="cls-1" />
<circle cx="25" cy="30" r="2" class="cls-1" />
<circle cx="19" cy="42" r="2" class="cls-1" />
<circle cx="25" cy="42" r="2" class="cls-1" />
<path
d="M33 35v2h13v-2Zm0 0v2h13v-2Zm21.84-13.95a11.94 11.94 0 0 0-2.44-5.5 1 1 0 0 0-1.56 1.24C53.76 20.47 52.16 23 54 23c4.46 0 6.72 5.39 3.74 8.35C56 33.25 54.05 33 52 33v-6a4 4 0 0 0-4-4H16a4 4 0 0 0-4 4v6a7 7 0 0 1-3.77-12.9 7.56 7.56 0 0 1 2-.88c.31-.15.56-.24.69-.69 0 0 .06-.2.06-.23a14 14 0 0 1 26.76-5c.77 1.54 2.11-.74 6.31-.25 1.38.18 1.48-2 .25-2a11.89 11.89 0 0 0-5.17.54c-7-13.53-27.77-10.5-30 5.13-.15.95.14.66-.79 1a8.75 8.75 0 0 0-5 5.63C1.78 28.5 5.14 35 12.56 35a4 4 0 0 0 .82 1A4 4 0 0 0 12 39c0 6-.39 7.46 1.38 9-1.81 1.57-1.38 3.07-1.38 9a4 4 0 0 0 4 4h32a4 4 0 0 0 4-4c0-6 .39-7.46-1.38-9A4 4 0 0 0 52 45c0-6 .39-7.46-1.38-9 1.42-1.25-.4-1 4-1a7 7 0 0 0 .27-13.93ZM50 57a2 2 0 0 1-2 2H16a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h32a2 2 0 0 1 2 2Zm0-12a2 2 0 0 1-2 2H16a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h32a2 2 0 0 1 2 2ZM16 35a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h32a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2Zm17 0v2h13v-2Z"
class="cls-7"
/>
<path
d="m47.54 14.08.62.34a1 1 0 0 0 1.36-.4c.47-.86-.3-1.33-1.08-1.72a1 1 0 0 0-.9 1.78Z"
class="cls-7"
/>
</g>
</svg>
More icons in the same style and category