Add icons to this collection by clicking the heart icon.
Cloud Computing icon - also known as computer, laptop, development, code, web development, programming, cloud computing, seo and web, and cloud coding. Created in a clean 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="1.243"
y2="66.19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient id="b" x1="9" x2="9" y1="1.243" y2="66.19" href="#a" />
<linearGradient id="c" x1="13" x2="13" y1="1.243" y2="66.19" href="#a" />
<linearGradient id="d" x1="17" x2="17" y1="1.243" y2="66.19" href="#a" />
<linearGradient id="e" x1="47" x2="47" y1="1.243" y2="66.19" href="#a" />
<linearGradient id="f" x1="51" x2="51" y1="1.243" y2="66.19" href="#a" />
<linearGradient id="g" x1="55" x2="55" y1="1.243" y2="66.19" href="#a" />
<linearGradient
id="h"
x1="19.854"
x2="19.854"
y1="1.243"
y2="66.19"
href="#a"
/>
<linearGradient
id="i"
x1="30.146"
x2="30.146"
y1="1.243"
y2="66.19"
href="#a"
/>
<linearGradient
id="j"
x1="25"
x2="25"
y1="1.243"
y2="66.19"
gradientTransform="rotate(80.5 25.005 36.027)"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M61 52h-1V17a5.006 5.006 0 0 0-5-5h-6.682a7.011 7.011 0 0 0-5.65-3.968A6.019 6.019 0 0 0 37 4a5.762 5.762 0 0 0-1.5.2A7.986 7.986 0 0 0 22.258 8a6.994 6.994 0 0 0-6.574 4H9a5.006 5.006 0 0 0-5 5v35H3a1 1 0 0 0-1 1v4a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5v-4a1 1 0 0 0-1-1zM48.315 18H53a1 1 0 0 1 1 1v29H10V19a1 1 0 0 1 1-1h4.685A7 7 0 0 0 22 22h2v4h-9a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V27a1 1 0 0 0-1-1h-9v-4h12v19a1 1 0 0 0 1 1h5.184a3 3 0 1 0 0-2H40V22h2v9a1 1 0 0 0 1 1h1.184a3 3 0 1 0 0-2H44v-8.3a7.024 7.024 0 0 0 4.315-3.7zM34 28v16H16V28zm12 13a1 1 0 1 1 1 1 1 1 0 0 1-1-1zm0-10a1 1 0 1 1 1 1 1 1 0 0 1-1-1zM22 10a4.949 4.949 0 0 1 .888.084 1 1 0 0 0 1.168-.857A5.988 5.988 0 0 1 34.47 6.009a1 1 0 0 0 1.1.267A3.987 3.987 0 0 1 40.92 9.2a1 1 0 0 0 .98.8c.016 0 .076 0 .115-.005A5 5 0 0 1 42 20H22a5 5 0 0 1 0-10zM6 17a3 3 0 0 1 3-3h6.08a6.29 6.29 0 0 0 0 2H11a3 3 0 0 0-3 3v30a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1V19a3 3 0 0 0-3-3h-4.08a6.329 6.329 0 0 0 0-2H55a3 3 0 0 1 3 3v35H42a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1H24a1 1 0 0 1-1-1v-2a1 1 0 0 0-1-1H6zm54 40a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-3h17v1a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3v-1h17z"
/>
<path fill="url(#a)" d="M27 52h10v2H27z" />
<path fill="url(#b)" d="M8 56h2v2H8z" />
<path fill="url(#c)" d="M12 56h2v2h-2z" />
<path fill="url(#d)" d="M16 56h2v2h-2z" />
<path fill="url(#e)" d="M46 56h2v2h-2z" />
<path fill="url(#f)" d="M50 56h2v2h-2z" />
<path fill="url(#g)" d="M54 56h2v2h-2z" />
<path
fill="url(#h)"
d="m21.293 40.707 1.414-1.414L19.414 36l3.293-3.293-1.414-1.414-4 4a1 1 0 0 0 0 1.414z"
/>
<path
fill="url(#i)"
d="m28.707 40.707 4-4a1 1 0 0 0 0-1.414l-4-4-1.414 1.414L30.586 36l-3.293 3.293z"
/>
<path
fill="url(#j)"
d="M18.917 35h12.166v2H18.917z"
transform="rotate(-80.5 25.024 36.015)"
/>
</g>
</svg>
More icons in the same style and category