Add icons to this collection by clicking the heart icon.
Cloud Computing icon - also known as technology, cloud, connection, connectivity, cloud storage, file storage, data storage, cloud computing, and seo and web. 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 74 74"
>
<linearGradient id="a">
<stop offset="0" stop-color="#eff2f8" />
<stop offset="1" stop-color="#d8dfea" />
</linearGradient>
<linearGradient
id="g"
x1="49.281"
x2="59.471"
y1="11.419"
y2="22.429"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#947bff" />
<stop offset="1" stop-color="#63f" />
</linearGradient>
<linearGradient
id="h"
x1="51.584"
x2="56.857"
y1="11.186"
y2="18.406"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="50.512"
x2="55.785"
y1="11.969"
y2="19.189"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="52.266"
x2="57.539"
y1="10.688"
y2="17.908"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="52.944"
x2="58.216"
y1="10.193"
y2="17.413"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#555a60" />
<stop offset="1" stop-color="#3f444c" />
</linearGradient>
<linearGradient
id="l"
x1="22.118"
x2="27.278"
y1="60.503"
y2="65.844"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="25.544"
x2="25.613"
y1="67.111"
y2="69.003"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="25.549"
x2="25.406"
y1="56.463"
y2="62.56"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="20.85"
x2="30.444"
y1="34.224"
y2="53.497"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#696c70" />
<stop offset="1" stop-color="#3f444c" />
</linearGradient>
<linearGradient id="d">
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#eff2f8" />
</linearGradient>
<linearGradient
id="p"
x1="21.683"
x2="30.017"
y1="35.933"
y2="52.6"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="30.096"
x2="12.304"
y1="57.981"
y2="42.674"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="24.83"
x2="26.326"
y1="58.404"
y2="60.977"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="55.905"
x2="62.85"
y1="51.89"
y2="67.452"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9ce3ff" />
<stop offset="1" stop-color="#6cf" />
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#ff7171" />
<stop offset="1" stop-color="#f33" />
</linearGradient>
<linearGradient
id="t"
x1="11.241"
x2="19.173"
y1="6.431"
y2="23.822"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#ffe6e6" />
<stop offset="1" stop-color="#ffb3b3" />
</linearGradient>
<linearGradient
id="u"
x1="10.903"
x2="17.783"
y1="8.975"
y2="18.898"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="v"
x1="17.437"
x2="13.33"
y1="18.287"
y2="12.577"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="w"
x1="11.575"
x2="18.857"
y1="7.157"
y2="23.124"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="x"
x1="54.803"
x2="61.685"
y1="52.919"
y2="62.844"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="y"
x1="61.386"
x2="57.189"
y1="62.297"
y2="56.463"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="z"
x1="57.858"
x2="59.634"
y1="56.093"
y2="60.294"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="A"
x1="57.217"
x2="60.435"
y1="37.988"
y2="41.691"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdc85" />
<stop offset="1" stop-color="#fc3" />
</linearGradient>
<linearGradient
id="B"
x1="22.225"
x2="27.721"
y1="37.9"
y2="47.126"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64e88c" />
<stop offset="1" stop-color="#3c6" />
</linearGradient>
<linearGradient
id="C"
x1="24.26"
x2="27.838"
y1="40.899"
y2="45.778"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path fill="#3f444c" d="M59.94 41.01H36.32v-1.5h22.12V16.77h1.5z" />
<path
fill="#3f444c"
d="M58.44 40.26h1.5V58.2h-1.5zM14.54 14.7h1.5v27.55h-1.5z"
/>
<path
fill="url(#g)"
d="M69 17.91c0 2.22-1.82 4.04-4.04 4.04h-20.9c-1.76 0-3.19-1.42-3.19-3.19 0-1.71 1.34-3.1 3.02-3.16-.14-.4-.2-.8-.2-1.22 0-2.22 1.79-4.04 4.04-4.04.6 0 1.14.14 1.65.37C50.11 7.45 53.01 5 56.51 5a7.306 7.306 0 0 1 7.08 9.13c.43-.17.88-.26 1.37-.26 2.22 0 4.04 1.8 4.04 4.04z"
/>
<path
fill="url(#h)"
d="M58 16.22c.16.16.16.41 0 .57-.15.15-.41.15-.56 0-1.07-1.07-2.88-1.07-3.94 0-.16.15-.41.15-.57 0a.417.417 0 0 1 0-.57c1.38-1.38 3.7-1.38 5.07 0z"
/>
<path
fill="url(#i)"
d="M56.3 17.93c.46.46.44 1.2 0 1.65a1.168 1.168 0 0 1-1.65-1.65c.45-.45 1.2-.45 1.65 0z"
/>
<path
fill="url(#j)"
d="M59.44 14.79c.15.15.15.41 0 .57-.16.15-.42.15-.57 0-1.84-1.84-4.95-1.84-6.8-.01-.15.16-.41.16-.56 0a.387.387 0 0 1 0-.56c2.14-2.15 5.78-2.15 7.93 0z"
/>
<path
fill="url(#k)"
d="M60.86 13.93c-.16.16-.41.16-.57 0-2.62-2.61-7.03-2.61-9.65 0-.15.16-.41.16-.57 0a.417.417 0 0 1 0-.57c2.92-2.92 7.87-2.92 10.79.01.16.15.16.41 0 .56z"
/>
<path fill="url(#l)" d="M20.06 60.11h11.05v7.94H20.06z" />
<path
fill="url(#m)"
d="M36.17 68.06c0 .52-.42.94-.94.94h-19.3a.939.939 0 1 1 0-1.88h19.3c.52-.01.94.41.94.94z"
/>
<path
fill="url(#n)"
d="M46.16 50.44v9.59c0 1.51-1.22 2.73-2.73 2.73H7.73C6.22 62.76 5 61.54 5 60.03v-9.59c0-.75.61-1.36 1.36-1.36h38.43c.76-.01 1.37.6 1.37 1.36z"
/>
<path
fill="url(#o)"
d="M46.16 33.89v19.66c0 1.51-1.22 2.73-2.73 2.73H7.73C6.22 56.28 5 55.06 5 53.55V33.89c0-1.51 1.22-2.73 2.73-2.73h35.7c1.5 0 2.73 1.22 2.73 2.73z"
/>
<path
fill="url(#p)"
d="M7.73 54.24a.68.68 0 0 1-.68-.68V33.89c0-.38.31-.68.68-.68h35.7c.38 0 .68.31.68.68v19.66c0 .38-.31.68-.68.68H7.73z"
/>
<path
fill="url(#q)"
d="M43.84 54.09c-.1.1-.25.15-.42.15H7.73a.68.68 0 0 1-.68-.68V33.9c0-.22.1-.42.27-.54z"
/>
<path
fill="url(#r)"
d="M27.06 59.69c0 .81-.66 1.49-1.49 1.49-.81 0-1.48-.68-1.48-1.49 0-.83.66-1.49 1.48-1.49.83 0 1.49.67 1.49 1.49z"
/>
<path
fill="url(#s)"
d="M68.93 59.26c0 5.38-4.36 9.74-9.74 9.74s-9.74-4.36-9.74-9.74c0-5.4 4.36-9.76 9.74-9.76s9.74 4.36 9.74 9.76z"
/>
<path
fill="url(#t)"
d="M25.03 15.31c0 5.38-4.36 9.74-9.74 9.74s-9.74-4.36-9.74-9.74c0-5.4 4.36-9.76 9.74-9.76s9.74 4.36 9.74 9.76z"
/>
<path
fill="url(#u)"
d="M20.32 16.82c-.1.34-.24.66-.4.96a.37.37 0 0 0 0 .38l.61 1c.09.15.07.35-.06.47l-.85.86a.38.38 0 0 1-.47.06l-1-.61a.414.414 0 0 0-.39-.01c-.3.17-.63.3-.96.4-.13.04-.24.14-.27.28l-.28 1.13c-.04.17-.2.29-.37.29h-1.2c-.18 0-.33-.12-.37-.29l-.28-1.14a.373.373 0 0 0-.26-.27c-.34-.1-.66-.24-.96-.4a.35.35 0 0 0-.38.01l-1.01.61c-.15.09-.35.07-.47-.06l-.85-.85a.366.366 0 0 1-.05-.47l.61-.99a.37.37 0 0 0 0-.38c-.17-.31-.3-.63-.41-.97a.373.373 0 0 0-.27-.26l-1.14-.28a.384.384 0 0 1-.29-.37V14.7c0-.18.12-.33.3-.37l1.14-.27c.13-.03.23-.13.27-.26.1-.34.24-.67.41-.98a.37.37 0 0 0 0-.38l-.61-.99a.391.391 0 0 1 .05-.47l.85-.85a.38.38 0 0 1 .47-.06l1.01.61c.12.07.26.07.38.01.3-.17.63-.3.96-.4.13-.04.23-.14.26-.27l.28-1.14c.04-.17.2-.29.37-.29h1.2c.18 0 .33.12.37.29l.28 1.13c.03.14.14.24.27.28.34.1.66.23.96.4.12.07.27.07.39-.01l1-.61c.15-.09.35-.07.47.06l.85.86c.12.13.15.32.06.47l-.61 1a.37.37 0 0 0 0 .38c.17.3.3.63.4.96.04.13.14.24.28.27l1.13.27c.17.04.3.2.3.37v1.21c0 .18-.12.33-.29.37l-1.14.28c-.15.02-.25.12-.29.25z"
/>
<path
fill="url(#v)"
d="M15.29 18.82c-1.94 0-3.51-1.58-3.51-3.51s1.58-3.51 3.51-3.51 3.51 1.58 3.51 3.51-1.57 3.51-3.51 3.51zm0-6.07c-1.41 0-2.55 1.15-2.55 2.55 0 1.41 1.15 2.55 2.55 2.55s2.55-1.15 2.55-2.55c0-1.41-1.14-2.55-2.55-2.55z"
/>
<circle cx="15.29" cy="15.3" r="2.78" fill="url(#w)" />
<path
fill="url(#x)"
d="M64.23 60.77c-.1.34-.24.66-.4.97a.37.37 0 0 0 0 .38l.61 1c.09.15.07.35-.06.47l-.85.86a.38.38 0 0 1-.47.06l-1-.61a.414.414 0 0 0-.39-.01c-.3.17-.63.3-.96.4-.13.04-.24.14-.27.28l-.28 1.13c-.04.17-.2.29-.37.29h-1.2c-.18 0-.33-.12-.37-.29l-.28-1.14a.373.373 0 0 0-.26-.27c-.34-.1-.66-.24-.96-.4a.35.35 0 0 0-.38.01l-1.01.61c-.15.09-.35.07-.47-.06l-.86-.87a.366.366 0 0 1-.05-.47l.61-.99a.37.37 0 0 0 0-.38c-.17-.31-.3-.63-.41-.97a.373.373 0 0 0-.27-.26l-1.14-.28a.384.384 0 0 1-.29-.37v-1.21c0-.18.12-.33.3-.37l1.13-.28a.37.37 0 0 0 .27-.27c.1-.34.24-.67.41-.98a.37.37 0 0 0 0-.38l-.61-.99a.391.391 0 0 1 .05-.47l.85-.85a.38.38 0 0 1 .47-.06l1.01.61c.12.07.26.07.38.01.3-.17.63-.3.96-.4.13-.04.23-.14.26-.27l.28-1.14c.04-.17.2-.29.37-.29h1.2c.18 0 .33.12.37.29l.28 1.13c.03.14.14.24.27.28.34.1.66.24.96.4.12.07.27.07.39-.01l1-.61c.15-.09.35-.07.47.06l.85.86c.12.13.15.32.06.47l-.61 1a.37.37 0 0 0 0 .38c.17.3.3.63.4.96.04.13.14.24.28.27l1.13.27c.17.04.3.2.3.37v1.21c0 .18-.12.33-.29.37l-1.14.28c-.13.03-.23.14-.27.27z"
/>
<path
fill="url(#y)"
d="M59.19 62.84c-1.98 0-3.59-1.61-3.59-3.59s1.61-3.59 3.59-3.59 3.59 1.61 3.59 3.59-1.61 3.59-3.59 3.59zm0-6.37c-1.53 0-2.78 1.25-2.78 2.78s1.25 2.78 2.78 2.78 2.78-1.25 2.78-2.78c0-1.54-1.24-2.78-2.78-2.78z"
/>
<circle cx="59.19" cy="59.25" r="3.03" fill="url(#z)" />
<path
fill="url(#A)"
d="M61.59 38.86v2.8c0 .55-.45 1-1 1h-2.8c-.55 0-1-.45-1-1v-2.8c0-.55.45-1 1-1h2.8c.55 0 1 .45 1 1z"
/>
<circle cx="25.69" cy="43.72" r="6.46" fill="url(#B)" />
<path
fill="url(#C)"
d="M24.65 46.23c-.15 0-.3-.06-.42-.17l-1.74-1.74c-.23-.23-.23-.61 0-.84s.61-.23.84 0l1.32 1.32 3.41-3.41c.23-.23.61-.23.84 0s.23.61 0 .84l-3.83 3.83c-.12.12-.27.17-.42.17z"
/>
</svg>
More icons in the same style and category