Add icons to this collection by clicking the heart icon.
Cloudy Day icon - also known as weather, sun, atmospheric, cloudy day, meteorology, and phenomena. Created in a clean flat style with a silver, gray, red, yellow, olive, teal, 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 512 512"
>
<path
fill="#ffedcd"
d="M384.27 497H127.729V304.601l128.28-126.996L384.27 304.657z"
/>
<path
fill="#ffdaab"
d="M255.999 177.615V497H384.27V304.657L256.009 177.605z"
/>
<path
fill="#416191"
d="M211 497v-59.504c0-24.813 20.187-44.999 45-44.999s45 20.186 45 44.999V497z"
/>
<path
fill="#28415e"
d="M256 392.497h-.001V497H301v-59.504c0-24.812-20.187-44.999-45-44.999z"
/>
<path
fill="#416191"
d="M206 376.982c-8.284 0-15-6.716-15-15v-20c0-8.284 6.716-15 15-15s15 6.716 15 15v20c0 8.284-6.716 15-15 15z"
/>
<path
fill="#28415e"
d="M306 376.982c-8.284 0-15-6.716-15-15v-20c0-8.284 6.716-15 15-15s15 6.716 15 15v20c0 8.284-6.716 15-15 15z"
/>
<path
fill="#ff674f"
d="M403.423 339.741a14.949 14.949 0 0 1-10.555-4.343l-136.87-135.57-136.866 135.569c-5.886 5.83-15.384 5.785-21.213-.101-5.83-5.886-5.785-15.383.101-21.213l147.422-146.025c5.847-5.791 15.266-5.79 21.112 0L413.98 314.083c5.886 5.83 5.931 15.327.102 21.213a14.956 14.956 0 0 1-10.659 4.445z"
/>
<path
fill="#d9260f"
d="M266.554 168.058a14.958 14.958 0 0 0-10.555-4.343v36.113l136.869 135.569a14.949 14.949 0 0 0 10.555 4.343c3.863 0 7.725-1.483 10.658-4.444 5.829-5.886 5.784-15.383-.102-21.213z"
/>
<path
fill="#c5ed4e"
d="M497 512H15c-8.284 0-15-6.716-15-15s6.716-15 15-15h482c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
/>
<path
fill="#9ebd2a"
d="M497 482H255.999v30H497c8.284 0 15-6.716 15-15s-6.716-15-15-15z"
/>
<path
fill="#d6d3c5"
d="M496.998 30H210.944c-8.284 0-15-6.716-15-15s6.716-15 15-15h286.054c8.284 0 15 6.716 15 15s-6.716 15-15 15zM236 90H17.348c-8.284 0-15-6.716-15-15s6.716-15 15-15H236c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
/>
<path
fill="#b0ac9b"
d="M496.998 210h-94.063c-8.284 0-15-6.716-15-15s6.716-15 15-15h94.063c8.284 0 15 6.716 15 15s-6.716 15-15 15zM440.749 90H337.425c-8.284 0-15-6.716-15-15s6.716-15 15-15H440.75c8.284 0 15 6.716 15 15s-6.716 15-15.001 15z"
/>
<path
fill="#d6d3c5"
d="M172.729 155.27h-62.001c-8.284 0-15-6.716-15-15s6.716-15 15-15h62.001c8.284 0 15 6.716 15 15 0 8.285-6.715 15-15 15z"
/>
<path
fill="#b0ac9b"
d="M496.998 0h-240.93v30h240.93c8.284 0 15-6.716 15-15s-6.716-15-15-15z"
/>
</svg>
More icons in the same style and category