Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as cloud, weather, sunny, sun, sky, cloudy, haw weather, and clouds and sun. Created in a clean lineal color style with a white, silver, gray, yellow, teal, and orange 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 64 64"
>
<g fill="#fcee21">
<path
d="M13 10h4v2h-4zM23 1h2v3h-2zM14.291 3.708l1.414-1.414 3 3-1.414 1.414zM28.29 5.296l3-3 1.413 1.414-3 3zM14.29 18.293l3-3 1.413 1.414-3 3z"
/>
</g>
<path
fill="#4b97f3"
d="M62 42a4 4 0 0 1-4 4H39a4 4 0 0 1 0-8 1.62 1.62 0 0 1 .22.01 9.005 9.005 0 0 1 17.6.17A3.879 3.879 0 0 1 58 38a4 4 0 0 1 4 4z"
/>
<path
fill="#a2c4ed"
d="M54.983 34.333A9 9 0 0 0 39.22 38.01 1.62 1.62 0 0 0 39 38a4 4 0 0 0 0 8h8a13 13 0 0 0 7.983-11.667z"
/>
<path
fill="#4b97f3"
d="M30 59a3 3 0 0 1-3 3H8a6 6 0 1 1 4.09-10.39 8 8 0 0 1 13.87 4.58A2.956 2.956 0 0 1 27 56a3 3 0 0 1 3 3z"
/>
<circle cx="24" cy="11" r="5" fill="#fbb03b" />
<path
fill="#4b97f3"
d="M55 20a6 6 0 0 1-6 6H21a4 4 0 1 1 2.02-7.45c-.01-.18-.02-.37-.02-.55a7 7 0 0 1 10.86-5.84 9 9 0 0 1 16.98 2.13A6 6 0 0 1 55 20z"
/>
<path
fill="#114998"
d="M54.111 16.891a6.01 6.01 0 0 0-1.578-1.737 5.94 5.94 0 0 0-1.693-.864 8.958 8.958 0 0 0-1.546-3.56 8.988 8.988 0 0 0-13.434 3.43A7 7 0 0 0 25 20c0 .18.01.37.02.55a3.991 3.991 0 0 0-5.661 5.091A3.984 3.984 0 0 0 21 26h28a5.974 5.974 0 0 0 5.111-9.109z"
/>
<path
fill="#fff"
d="M41.862 36.793c-1.013 2.283.835 4.43 1.488 4.188s.427-1.777 1.007-3.082 1.868-2.168 1.609-2.814-3.091-.576-4.104 1.708zM24 55.625a.5.5 0 0 1-.438-.258A7.509 7.509 0 0 0 17 51.5a.5.5 0 0 1 0-1 8.51 8.51 0 0 1 7.437 4.382.5.5 0 0 1-.437.743zM25 59.5a.5.5 0 0 1-.5-.5 7.865 7.865 0 0 0-.058-.939.5.5 0 0 1 .993-.122A8.648 8.648 0 0 1 25.5 59a.5.5 0 0 1-.5.5z"
/>
<path
d="M22.116 16.7c-.023.139-.049.278-.064.42A5 5 0 1 0 21 27h28a6.987 6.987 0 0 0 2.686-13.443 9.992 9.992 0 0 0-18.221-2.769A7.967 7.967 0 0 0 30 10c-.03 0-.059 0-.09.005a6 6 0 1 0-7.794 6.695zM33.307 13a1 1 0 0 0 1.456-.407 8 8 0 0 1 14.878 5.793l1.91.594A10.014 10.014 0 0 0 52 16a5 5 0 0 1-3 9H21a3 3 0 1 1 3-3h2a4.982 4.982 0 0 0-2-3.974V18a6 6 0 0 1 9.307-5.007zM24 7a4 4 0 0 1 3.925 3.283 8.026 8.026 0 0 0-5.24 4.491A4 4 0 0 1 24 7zM13 10h4v2h-4zM23 1h2v3h-2zM14.291 3.708l1.414-1.414 3 3-1.414 1.414z"
/>
<path
d="m28.29 5.296 3-3 1.413 1.414-3 3zM14.29 18.293l3-3 1.413 1.414-3 3zM48 30a9.947 9.947 0 0 0-9.553 7.03A5 5 0 0 0 39 47h19a5 5 0 0 0 0-10c-.15 0-.3.007-.449.02A10.054 10.054 0 0 0 48 30zm8.314 9.042a1 1 0 0 0 .807.091A2.872 2.872 0 0 1 58 39a3 3 0 0 1 0 6H39a3 3 0 1 1 .08-6 1 1 0 0 0 1.115-.769A7.961 7.961 0 0 1 48 32a8.041 8.041 0 0 1 7.841 6.383 1 1 0 0 0 .473.659zM8 63h19a4 4 0 1 0-.221-7.994 9 9 0 0 0-14.762-4.73A7 7 0 1 0 8 63zm0-12a4.978 4.978 0 0 1 2.688.787 9.066 9.066 0 0 0-1.027 1.822l1.852.754a7 7 0 0 1 13.449 1.905.953.953 0 0 0 .049.237 1 1 0 0 0 1.157.662 1.068 1.068 0 0 0 .2-.065A2 2 0 1 1 27 61H8a5 5 0 0 1 0-10z"
/>
</svg>
More icons in the same style and category