Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as cloud, nature, weather, sunny, sun, sky, cloudy, and meteorology. Created in a clean flat style with a white, silver, black, orange, and pink finish, 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 497 497"
>
<path
fill="#ffb357"
d="m199.477 6.731 23.734 21.465 31.287-6.722c13.081-2.811 26.165 4.743 30.271 17.477l9.822 30.457 30.457 9.822c12.734 4.107 20.288 17.19 17.477 30.271l-6.722 31.287 21.465 23.734c8.975 9.923 8.975 25.031 0 34.954l-21.465 23.734 6.722 31.287c2.811 13.081-4.743 26.165-17.477 30.271l-30.457 9.822-9.822 30.457c-4.107 12.734-17.19 20.288-30.271 17.477l-31.287-6.722-23.734 21.465c-9.923 8.975-25.031 8.975-34.954 0l-23.734-21.465-31.287 6.722c-13.081 2.811-26.165-4.743-30.271-17.477l-9.822-30.457-30.457-9.822c-12.734-4.107-20.288-17.19-17.477-30.271l6.722-31.287-21.466-23.733c-8.975-9.923-8.975-25.031 0-34.954l21.465-23.734-6.722-31.287C18.663 96.42 26.217 83.336 38.951 79.23l30.457-9.822 9.822-30.457c4.107-12.734 17.19-20.288 30.271-17.477l31.287 6.722 23.734-21.465c9.924-8.975 25.032-8.975 34.955 0z"
/>
<path
fill="#fce3a0"
d="M182 319.679c-75.917 0-137.679-61.763-137.679-137.679S106.083 44.321 182 44.321 319.679 106.083 319.679 182 257.917 319.679 182 319.679z"
/>
<path
fill="#ffce71"
d="M119.025 182c0-62.976 42.502-116.208 100.327-132.528A137.318 137.318 0 0 0 182 44.32c-75.917 0-137.679 61.763-137.679 137.679S106.083 319.679 182 319.679c12.941 0 25.469-1.798 37.352-5.152C161.527 298.208 119.025 244.975 119.025 182z"
/>
<path
fill="#d4d4d5"
d="M318.946 217.571a142.076 142.076 0 0 0-34.972-4.351c-61.774 0-114.317 39.481-133.8 94.583v.006C99.402 308.482 57 349.959 57 402.407 57 454.649 99.351 497 151.593 497h201.281z"
/>
<path
fill="#efedee"
d="M425.844 355.107c-.004-66.44-45.554-121.977-106.898-137.535-61.429 15.597-106.874 71.26-106.874 137.541 0 78.002 62.939 141.295 140.802 141.888h73.181C465.237 497 497 465.237 497 426.055c0-39.696-32.442-71.156-71.156-70.948z"
/>
<ellipse
cx="99.331"
cy="180.763"
fill="#ff8e9e"
rx="29.212"
ry="23.263"
transform="translate(.567 -.31)"
/>
<ellipse
cx="257.669"
cy="181.259"
fill="#ff8e9e"
rx="29.212"
ry="23.263"
transform="rotate(-180 257.656 181.276)"
/>
<g fill="#313d40">
<path
d="M114 138.5a7.5 7.5 0 0 0-7.5 7.5v10a7.5 7.5 0 0 0 15 0v-10a7.5 7.5 0 0 0-7.5-7.5zM242 138.5a7.5 7.5 0 0 0-7.5 7.5v10a7.5 7.5 0 0 0 15 0v-10a7.5 7.5 0 0 0-7.5-7.5zM197.735 157.234a7.497 7.497 0 0 0-10.001 3.531c-1.666 3.484-5.291 5.735-9.234 5.735s-7.568-2.251-9.234-5.735a7.5 7.5 0 0 0-13.532 6.47c4.144 8.666 13.08 14.265 22.766 14.265s18.623-5.599 22.766-14.265a7.499 7.499 0 0 0-3.531-10.001z"
/>
</g>
<ellipse
cx="217.971"
cy="387.843"
fill="#ff8e9e"
rx="25.471"
ry="20.283"
transform="translate(1.216 -.681)"
/>
<ellipse
cx="356.029"
cy="388.275"
fill="#ff8e9e"
rx="25.471"
ry="20.283"
transform="rotate(-180 356.003 388.297)"
/>
<path
fill="#313d40"
d="M223 348.5a7.5 7.5 0 0 0-7.5 7.5v10a7.5 7.5 0 0 0 15 0v-10a7.5 7.5 0 0 0-7.5-7.5zM351 348.5a7.5 7.5 0 0 0-7.5 7.5v10a7.5 7.5 0 0 0 15 0v-10a7.5 7.5 0 0 0-7.5-7.5zM306.735 362.234a7.497 7.497 0 0 0-10.001 3.531c-1.666 3.484-5.291 5.735-9.234 5.735s-7.568-2.251-9.234-5.735a7.5 7.5 0 0 0-13.532 6.47c4.144 8.666 13.08 14.265 22.766 14.265s18.623-5.599 22.766-14.265a7.5 7.5 0 0 0-3.531-10.001z"
/>
</svg>
More icons in the same style and category