Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, weather, cloud storage, data storage, ui, cloud computing, seo and web, and user interface. 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="-2.123"
y2="62.392"
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="53.454"
x2="53.454"
y1="-2.123"
y2="62.392"
href="#a"
/>
<linearGradient id="c" x1="14" x2="14" y1="-2.123" y2="62.392" href="#a" />
<g>
<path
fill="url(#a)"
d="M42.89 30.07a4.007 4.007 0 0 0-3.47-3.05A8.039 8.039 0 0 0 32 22a7.957 7.957 0 0 0-7.77 6.11A7.3 7.3 0 0 0 23 28a7 7 0 0 0 0 14h19a6 6 0 0 0 .89-11.93zM42 40H23a5 5 0 0 1 0-10 4.9 4.9 0 0 1 1.69.3 1.023 1.023 0 0 0 .87-.09 1.01 1.01 0 0 0 .47-.76 5.993 5.993 0 0 1 11.72-1.14.991.991 0 0 0 1.07.71c.01 0 .17-.02.18-.02a2.006 2.006 0 0 1 2 2 1 1 0 0 0 1 1 4 4 0 0 1 0 8z"
/>
<path
fill="url(#a)"
d="M56.307 14.413a1 1 0 1 0-1.62 1.174 28.008 28.008 0 1 1-4.342-4.741 1 1 0 0 0 1.31-1.51 29.968 29.968 0 1 0 4.652 5.077z"
/>
<path
fill="url(#b)"
d="M53.153 13.654a1 1 0 0 0 1.512-1.308q-.458-.529-.94-1.035a1 1 0 0 0-1.45 1.378q.45.473.878.965z"
/>
<path
fill="url(#c)"
d="M14 47a1 1 0 0 0-2 0 3 3 0 0 0 3 3 1 1 0 0 0 0-2 1 1 0 0 1-1-1z"
/>
<path
fill="url(#a)"
d="M52 17v30a3.009 3.009 0 0 1-3 3H18a1 1 0 0 1 0-2h31a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1H15a1 1 0 0 0-1 1v27a1 1 0 0 1-2 0V17a3.009 3.009 0 0 1 3-3h34a3.009 3.009 0 0 1 3 3z"
/>
</g>
</svg>
More icons in the same style and category