Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as cloud, weather, sunny, sun, sky, cloudy, meteorology, and clouds and sun. Created in a clean lineal color style with a white, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-41.15 0-75.84-27.61-86.57-65.32L-3.66-160s57.86-.08 59.93-.24C76.84-143.75 90-118.41 90-90 90-40.29 49.71 0 0 0"
transform="translate(332 376)"
fill="#ffcf57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-44.18-35.82-80-80-80h-292c-44.18 0-80 35.82-80 80s35.82 80 80 80h1.66c9.52 56.75 58.88 100 118.34 100 59.323 0 108.791-43.113 118.34-100H-80C-35.521 80 0 43.889 0 0"
transform="translate(462 136)"
fill="#e9fffb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(230 286)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c41.25-3.2 73.73-37.69 73.73-79.76 0-44.18-35.82-80-80-80h-292c-44.179 0-80 35.82-80 80s35.821 80 80 80h1.661c9.519 56.75 58.88 100 118.339 100 12.331 0 24.231-1.86 35.43-5.32 42.79-13.2 75.361-49.7 82.91-94.68h53.66C-4.159.24-2.069.16 0 0Z"
transform="translate(388.27 215.76)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c5.35 31.85 28.859 56.49 58.97 64.14"
transform="translate(131.11 209.38)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c10.73 37.71 45.42 65.32 86.57 65.32 49.71 0 90-40.29 90-90 0-28.41-13.16-53.75-33.73-70.24"
transform="translate(245.43 310.68)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40"
transform="translate(332 456)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h40"
transform="translate(462 286)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 28.29-28.29"
transform="translate(211.79 406.21)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 28.29 28.29"
transform="translate(423.92 377.92)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category