Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, data, storage, cloud storage, cloud computing, bitcoin, cloud server, business and finance, cloud database, and data integrity. 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="31.5"
x2="31.5"
y1="2"
y2="67"
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="32" x2="32" y1="2" y2="67" href="#a" />
<linearGradient
id="c"
x1="27.341"
x2="27.341"
y1="2"
y2="67"
gradientTransform="rotate(14.98 27.315 22.607)"
href="#a"
/>
<linearGradient
id="d"
x1="23"
x2="23"
y1="2"
y2="67"
gradientTransform="rotate(30 23.002 24.411)"
href="#a"
/>
<linearGradient
id="e"
x1="19.272"
x2="19.272"
y1="2"
y2="67"
gradientTransform="rotate(45 19.279 27.27)"
href="#a"
/>
<linearGradient
id="f"
x1="16.411"
x2="16.411"
y1="2"
y2="67"
gradientTransform="rotate(60 16.412 31)"
href="#a"
/>
<linearGradient
id="g"
x1="14.613"
x2="14.613"
y1="2"
y2="67"
gradientTransform="rotate(74.99 14.608 35.345)"
href="#a"
/>
<linearGradient id="h" x1="14" x2="14" y1="2" y2="67" href="#a" />
<linearGradient
id="i"
x1="14.613"
x2="14.613"
y1="2"
y2="67"
gradientTransform="rotate(14.98 14.585 44.634)"
href="#a"
/>
<linearGradient
id="j"
x1="16.411"
x2="16.411"
y1="2"
y2="67"
gradientTransform="rotate(30 16.413 48.99)"
href="#a"
/>
<linearGradient
id="k"
x1="19.272"
x2="19.272"
y1="2"
y2="67"
gradientTransform="rotate(45 19.283 52.728)"
href="#a"
/>
<linearGradient
id="l"
x1="23"
x2="23"
y1="2"
y2="67"
gradientTransform="rotate(60 23 55.595)"
href="#a"
/>
<linearGradient
id="m"
x1="27.341"
x2="27.341"
y1="2"
y2="67"
gradientTransform="rotate(74.99 27.334 57.393)"
href="#a"
/>
<linearGradient
id="n"
x1="36.659"
x2="36.659"
y1="2"
y2="67"
gradientTransform="rotate(14.98 36.615 57.363)"
href="#a"
/>
<linearGradient
id="o"
x1="41"
x2="41"
y1="2"
y2="67"
gradientTransform="rotate(30 41.004 55.589)"
href="#a"
/>
<linearGradient
id="p"
x1="44.728"
x2="44.728"
y1="2"
y2="67"
gradientTransform="rotate(45 44.741 52.724)"
href="#a"
/>
<linearGradient
id="q"
x1="47.589"
x2="47.589"
y1="2"
y2="67"
gradientTransform="rotate(60 47.59 48.999)"
href="#a"
/>
<linearGradient
id="r"
x1="49.387"
x2="49.387"
y1="2"
y2="67"
gradientTransform="rotate(74.99 49.382 44.668)"
href="#a"
/>
<linearGradient id="s" x1="50" x2="50" y1="2" y2="67" href="#a" />
<linearGradient
id="t"
x1="49.387"
x2="49.387"
y1="2"
y2="67"
gradientTransform="rotate(14.98 49.342 35.337)"
href="#a"
/>
<linearGradient
id="u"
x1="47.589"
x2="47.589"
y1="2"
y2="67"
gradientTransform="rotate(30 47.583 30.99)"
href="#a"
/>
<linearGradient
id="v"
x1="44.728"
x2="44.728"
y1="2"
y2="67"
gradientTransform="rotate(45 44.737 27.266)"
href="#a"
/>
<linearGradient
id="w"
x1="41"
x2="41"
y1="2"
y2="67"
gradientTransform="rotate(60 41.003 24.415)"
href="#a"
/>
<linearGradient
id="x"
x1="36.659"
x2="36.659"
y1="2"
y2="67"
gradientTransform="rotate(74.99 36.657 22.62)"
href="#a"
/>
<linearGradient id="y" x1="59" x2="59" y1="2" y2="67" href="#a" />
<linearGradient id="z" x1="5" x2="5" y1="2" y2="67" href="#a" />
<path
fill="url(#a)"
d="M39 37a4 4 0 0 0-4-4h-.012L35 30h-2l-.012 3h-2L31 30h-2l-.012 3H24v2h3v10h-3v2h5l-.012 2.959 2 .008L31 47h2l-.012 2.959 2 .008L35 47a3.983 3.983 0 0 0 2.618-7A3.975 3.975 0 0 0 39 37zm-2 6a2 2 0 0 1-2 2h-6v-4h6a2 2 0 0 1 2 2zm-8-4v-4h6a2 2 0 0 1 0 4z"
/>
<path
fill="url(#b)"
d="M32 24a16 16 0 1 0 16 16 16.019 16.019 0 0 0-16-16zm0 30a14 14 0 1 1 14-14 14.015 14.015 0 0 1-14 14zM31 21h2v2h-2z"
/>
<path
fill="url(#c)"
d="M26.341 21.613h2v2h-2z"
transform="rotate(-14.98 27.332 22.588)"
/>
<path
fill="url(#d)"
d="M22 23.411h2v2h-2z"
transform="rotate(-30 23 24.414)"
/>
<path
fill="url(#e)"
d="M18.272 26.272h2v2h-2z"
transform="rotate(-45 19.268 27.278)"
/>
<path
fill="url(#f)"
d="M15.411 30h2v2h-2z"
transform="rotate(-60 16.41 31)"
/>
<path
fill="url(#g)"
d="M13.613 34.341h2v2h-2z"
transform="rotate(-74.99 14.62 35.34)"
/>
<path fill="url(#h)" d="M13 39h2v2h-2z" />
<path
fill="url(#i)"
d="M13.613 43.659h2v2h-2z"
transform="rotate(-14.98 14.62 44.626)"
/>
<path
fill="url(#j)"
d="M15.411 48h2v2h-2z"
transform="rotate(-30 16.404 48.992)"
/>
<path
fill="url(#k)"
d="M18.272 51.728h2v2h-2z"
transform="rotate(-45 19.264 52.736)"
/>
<path
fill="url(#l)"
d="M22 54.588h2v2h-2z"
transform="rotate(-60 23.004 55.593)"
/>
<path
fill="url(#m)"
d="M26.341 56.387h2v2h-2z"
transform="rotate(-74.99 27.352 57.385)"
/>
<path fill="url(#b)" d="M31 57h2v2h-2z" />
<path
fill="url(#n)"
d="M35.659 56.387h2v2h-2z"
transform="rotate(-14.98 36.655 57.337)"
/>
<path
fill="url(#o)"
d="M40 54.589h2v2h-2z"
transform="rotate(-30 41 55.592)"
/>
<path
fill="url(#p)"
d="M43.728 51.728h2v2h-2z"
transform="rotate(-45 44.721 52.74)"
/>
<path
fill="url(#q)"
d="M46.588 48h2v2h-2z"
transform="rotate(-60 47.587 49)"
/>
<path
fill="url(#r)"
d="M48.387 43.659h2v2h-2z"
transform="rotate(-74.99 49.396 44.653)"
/>
<path fill="url(#s)" d="M49 39h2v2h-2z" />
<path
fill="url(#t)"
d="M48.387 34.341h2v2h-2z"
transform="rotate(-14.98 49.366 35.299)"
/>
<path
fill="url(#u)"
d="M46.589 30h2v2h-2z"
transform="rotate(-30 47.576 30.998)"
/>
<path
fill="url(#v)"
d="M43.728 26.272h2v2h-2z"
transform="rotate(-45 44.726 27.282)"
/>
<path
fill="url(#w)"
d="M40 23.411h2v2h-2z"
transform="rotate(-60 41.005 24.413)"
/>
<path
fill="url(#x)"
d="M35.659 21.613h2v2h-2z"
transform="rotate(-74.99 36.664 22.608)"
/>
<path
fill="url(#b)"
d="M58 23a10.986 10.986 0 0 0-7.707-10.484A9.018 9.018 0 0 0 42 7a8.886 8.886 0 0 0-3.306.631 12.982 12.982 0 0 0-23.366 4.5A11.058 11.058 0 0 0 6 23a10.9 10.9 0 0 0 5.351 9.408 22 22 0 1 0 41.3 0A10.9 10.9 0 0 0 58 23zM32 60a20 20 0 1 1 20-20 20.023 20.023 0 0 1-20 20zm19.866-29.444a21.994 21.994 0 0 0-39.732 0A8.927 8.927 0 0 1 8 23a9.04 9.04 0 0 1 8.251-8.963 1 1 0 0 0 .906-.834 10.984 10.984 0 0 1 20.3-3.794 1 1 0 0 0 1.321.379A6.934 6.934 0 0 1 42 9a7.014 7.014 0 0 1 6.6 4.673 1 1 0 0 0 .691.635 8.979 8.979 0 0 1 2.578 16.248z"
/>
<path fill="url(#y)" d="M60 56h-2v2h-2v2h2v2h2v-2h2v-2h-2z" />
<path fill="url(#z)" d="M6 56H4v2H2v2h2v2h2v-2h2v-2H6z" />
<path fill="url(#y)" d="M60 4V2h-2v2h-2v2h2v2h2V6h2V4z" />
<path fill="url(#z)" d="M4 8h2V6h2V4H6V2H4v2H2v2h2z" />
</svg>
More icons in the same style and category