Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, network, security, alert, hacker, miscellaneous, malware, infected, cybercrime, and cyber punk. 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 48 48"
>
<linearGradient
id="a"
x1="1"
x2="47"
y1="17"
y2="17"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#54a5ff" />
<stop offset="1" stop-color="#8ad3fe" />
</linearGradient>
<linearGradient
id="b"
x1="15"
x2="33"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3e6f5" />
<stop offset="1" stop-color="#f0f7fc" />
</linearGradient>
<linearGradient id="c" x1="7" x2="11" y1="45" y2="45" href="#a" />
<linearGradient id="d" x1="33" x2="37" y1="45" y2="45" href="#a" />
<linearGradient id="e" x1="39" x2="43" y1="39" y2="39" href="#a" />
<linearGradient id="f" x1="19" x2="23" y1="45" y2="45" href="#a" />
<g>
<path
fill="#b4cde1"
d="M33 46h-6a1 1 0 0 1-1-1V33a1 1 0 0 1 2 0v11h5a1 1 0 0 1 0 2zM39 40h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v5h5a1 1 0 0 1 0 2zM8 43v-4a1 1 0 0 1 1-1h5v-5a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1h-5v3a1 1 0 0 1-2 0zM20 43V33a1 1 0 0 1 2 0v10a1 1 0 0 1-2 0z"
/>
<path
fill="url(#a)"
d="M47 24a9 9 0 0 1-9 9H11a10 10 0 0 1-1.73-19.85A15 15 0 0 1 39 15.06 9 9 0 0 1 47 24z"
/>
<path
fill="url(#b)"
d="M32.33 20.34a2.77 2.77 0 0 0 .05 2.17A2 2 0 0 1 30.44 25H30v1a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-1h-.44a2 2 0 0 1-1.94-2.49 2.79 2.79 0 0 0 .05-2.17 4.4 4.4 0 0 1-.66-2.4 9.06 9.06 0 0 1 18 .12 4.53 4.53 0 0 1-.68 2.28z"
/>
<g fill="#54a5ff">
<path
d="M23 26v2h-2v-2a1 1 0 0 1 2 0zM27 26v2h-2v-2a1 1 0 0 1 2 0zM20.5 17a1.5 1.5 0 0 0 0 3 1.5 1.5 0 0 0 0-3zM27.5 17a1.5 1.5 0 0 0 0 3 1.5 1.5 0 0 0 0-3zM24 23.87a1 1 0 0 1-1.39-1.32l.5-1a1 1 0 0 1 1.78 0l.5 1A1 1 0 0 1 24 23.87z"
/>
</g>
<circle cx="9" cy="45" r="2" fill="url(#c)" />
<circle cx="35" cy="45" r="2" fill="url(#d)" />
<circle cx="41" cy="39" r="2" fill="url(#e)" />
<circle cx="21" cy="45" r="2" fill="url(#f)" />
</g>
</svg>
More icons in the same style and category