Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, nature, weather, rainy, and rain. Created in a clean flat 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 512 512"
>
<path
fill="#4d5b99"
d="M77.03 481.997c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.716 15-15 15zM196.343 481.997c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.716 15-15 15z"
/>
<path
fill="#404a80"
d="M315.657 481.997c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.716 15-15 15z"
/>
<path
fill="#4d5b99"
d="M255.653 511.999c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.716 15-15 15z"
/>
<path
fill="#404a80"
d="M375.313 511.999c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.715 15-15 15z"
/>
<path
fill="#4d5b99"
d="M136.687 511.999c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.716 15-15 15z"
/>
<path
fill="#404a80"
d="M434.97 481.997c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.716 15-15 15z"
/>
<path
fill="#4d5b99"
d="M77.03 381.997c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.716 15-15 15zM196.343 381.997c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.716 15-15 15z"
/>
<path
fill="#404a80"
d="M315.657 381.997c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.716 15-15 15z"
/>
<path
fill="#4d5b99"
d="M255.653 411.999c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.716 15-15 15z"
/>
<path
fill="#404a80"
d="M375.313 411.999c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.715 15-15 15z"
/>
<path
fill="#4d5b99"
d="M136.687 411.999c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.716 15-15 15z"
/>
<path
fill="#404a80"
d="M434.97 381.997c-8.284 0-15-6.716-15-15v-38.152c0-8.284 6.716-15 15-15s15 6.716 15 15v38.152c0 8.284-6.716 15-15 15z"
/>
<path
fill="#e0ebfd"
d="M420.938 290.367H91.062C40.85 290.367 0 249.511 0 199.292a91.055 91.055 0 0 1 22.21-59.606c12.05-13.913 27.979-23.807 45.57-28.458 11.511-30.556 40.741-51.163 74.122-51.163 3.369 0 6.73.216 10.065.645C173.006 23.467 212.615.001 256 .001s82.994 23.466 104.032 60.708a78.895 78.895 0 0 1 10.066-.645c33.381 0 62.611 20.607 74.122 51.163 17.592 4.651 33.521 14.545 45.57 28.458A91.055 91.055 0 0 1 512 199.291c0 50.22-40.85 91.076-91.062 91.076z"
/>
<path
fill="#404a80"
d="M256 443.864v68.117c8.122-.186 14.653-6.815 14.653-14.982v-38.152c0-8.167-6.531-14.796-14.653-14.983zM256 343.864v68.117c8.122-.186 14.653-6.815 14.653-14.982v-38.152c0-8.167-6.531-14.796-14.653-14.983z"
/>
<path
fill="#caddff"
d="M420.938 290.367c50.211 0 91.062-40.856 91.062-91.075a91.055 91.055 0 0 0-22.21-59.606c-12.05-13.913-27.978-23.807-45.57-28.458-11.511-30.556-40.74-51.163-74.122-51.163-3.369 0-6.73.216-10.066.645C338.994 23.467 299.385.001 256 .001v290.366z"
/>
<path
fill="#ffde46"
d="M250.18 217.003a14.92 14.92 0 0 1-7.484-2.012c-7.175-4.142-9.634-13.315-5.493-20.49l19.596-33.948h-27.575a15.001 15.001 0 0 1-13.119-22.273l29.688-53.553c4.017-7.246 13.146-9.862 20.392-5.847 7.246 4.017 9.863 13.146 5.847 20.392l-17.34 31.28h28.086a14.998 14.998 0 0 1 12.991 22.499l-32.582 56.447c-2.779 4.814-7.822 7.504-13.007 7.505z"
/>
<g fill="#ffbe40">
<path
d="M282.776 130.553H256v30h.799l-.799 1.384v53.89a14.929 14.929 0 0 0 7.186-6.328l32.582-56.447a15 15 0 0 0-12.992-22.499zM266.184 78.881A14.933 14.933 0 0 0 256 77.293v50.897l16.03-28.917c4.017-7.246 1.399-16.376-5.846-20.392z"
/>
</g>
</svg>
More icons in the same style and category