Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as weather, cloudy, rain, forecast, meteorology, and climate. Created in a clean circular style with a white, silver, teal, 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 150 150"
>
<path
fill="#e3abce"
d="M139 75c0 1.86-.08 3.7-.24 5.52-.13 1.47-.3 2.93-.52 4.38-.27 1.74-.61 3.46-1.02 5.15-.49 2.03-1.07 4.01-1.75 5.96-6.27 18.06-20.4 32.44-38.3 39.05a63.768 63.768 0 0 1-14.66 3.5c-2.46.29-4.97.44-7.51.44-.25 0-.51 0-.76-.01-2.95-.03-5.84-.27-8.68-.69-2.34-.35-4.64-.82-6.89-1.41l-.23-.06C31.13 129.55 11 104.63 11 75c0-35.35 28.65-64 64-64 31.95 0 58.42 23.4 63.22 54 .44 2.8.7 5.66.77 8.57 0 .47.01.95.01 1.43z"
/>
<path
fill="#f7f7f7"
d="M111.27 67.38a7.994 7.994 0 0 1-13.01 6.22c-.66 4.61-4.62 8.16-9.41 8.16a9.49 9.49 0 0 1-8-4.37c-2.88 5.65-8.75 9.53-15.53 9.53-7.28 0-13.53-4.47-16.12-10.82-.87.21-1.78.33-2.72.33C40.13 76.41 35 71.28 35 64.95s5.13-11.47 11.47-11.47c1.75 0 3.41.39 4.9 1.1 1.9-3.7 5.76-6.22 10.2-6.22 1.07 0 2.11.15 3.1.42a11.46 11.46 0 0 1 10.76-7.5c5.57 0 10.21 3.97 11.25 9.23h.22c6.04 0 10.99 4.67 11.43 10.6a7.928 7.928 0 0 1 4.95-1.72c4.41 0 7.99 3.58 7.99 7.99z"
/>
<path
fill="#e5e5e5"
d="M115 74.33a7.994 7.994 0 0 1-13.01 6.22c-.66 4.61-4.62 8.16-9.41 8.16a9.49 9.49 0 0 1-8-4.37c-2.88 5.65-8.75 9.53-15.53 9.53-7.28 0-13.53-4.47-16.12-10.82-.87.21-1.78.33-2.72.33-6.33 0-11.47-5.13-11.47-11.46s5.13-11.47 11.47-11.47c1.75 0 3.41.39 4.9 1.1 1.9-3.7 5.76-6.22 10.2-6.22 1.07 0 2.11.15 3.1.42a11.46 11.46 0 0 1 10.76-7.5c5.57 0 10.21 3.97 11.25 9.23h.22c6.04 0 10.99 4.67 11.43 10.6a7.928 7.928 0 0 1 4.95-1.72c4.4-.02 7.98 3.56 7.98 7.97z"
/>
<path
fill="#f7f7f7"
d="m111.27 94.51-.71.99c-12.74 17.63-33.41 17.63-46.16 0l-.71-.99.71-.98c12.75-17.63 33.41-17.63 46.16 0z"
/>
<path
fill="#e5e5e5"
d="m111.27 94.51-.71.79c-12.74 14.13-33.41 14.13-46.16 0l-.71-.79.71-.79c12.75-14.13 33.41-14.13 46.16 0z"
/>
<circle cx="87.47" cy="94.52" r="9.27" fill="#57b5e6" />
<path
fill="#fff"
d="M94.42 88.39a9.258 9.258 0 0 0-6.13-2.32c-5.11 0-9.26 4.15-9.26 9.26 0 2.35.87 4.5 2.32 6.13a9.26 9.26 0 0 1 6.12-16.21c2.77 0 5.26 1.21 6.95 3.14z"
opacity=".1"
/>
<circle cx="87.47" cy="94.52" r="5.94" fill="#3da3db" />
<circle cx="87.47" cy="94.52" r="2.31" fill="#387dbf" />
<g fill="#f7f7f7">
<circle cx="85.79" cy="92.93" r="1.09" />
<circle cx="88.93" cy="96.08" r=".81" />
</g>
</svg>
More icons in the same style and category