Add icons to this collection by clicking the heart icon.
Weather icon - also known as cloud, nature, weather, drop, cloudy, rainy, rain, forecast, and meteorology. Created in a clean flat style with a white, silver, teal, purple, 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"
>
<path
fill="#fab400"
d="M45 42h-2.382l3.276-6.553a1 1 0 0 0-1.602-1.154l-8 8A1 1 0 0 0 37 44h2.382l-3.276 6.553a1 1 0 0 0 1.602 1.154l8-8A1 1 0 0 0 45 42z"
/>
<path
fill="#dc9600"
d="M45.584 34.189a.996.996 0 0 0-1.292.104L41.586 37h3.532l.776-1.553a.999.999 0 0 0-.31-1.258z"
/>
<path
fill="#00a0c8"
d="M54 24h-2.684c.442-1.251.684-2.597.684-4 0-6.627-5.373-12-12-12-6.215 0-11.327 4.725-11.939 10.779A8 8 0 0 0 14 24h-4a6 6 0 1 0 0 12h44a6 6 0 1 0 0-12z"
/>
<path fill="#0082aa" d="M14 24h-1v12h8V16.062A8.001 8.001 0 0 0 14 24z" />
<path
fill="#f0f0f0"
d="M20 41.071V12a4 4 0 0 0-8 0v29.071a8 8 0 1 0 8 0z"
/>
<path
fill="#d2d2d2"
d="M16 48a2 2 0 0 1-2-2V12a2 2 0 1 1 4 0v34a2 2 0 0 1-2 2z"
/>
<path
fill="#c80a50"
d="M18 42.342V22a2 2 0 1 0-4 0v20.342a6 6 0 1 0 4 0z"
/>
<path
fill="#0082aa"
d="M47 27h-2a4 4 0 0 0-8 0 2 2 0 1 0 0 4h10a2 2 0 1 0 0-4z"
/>
<path
fill="#f0f0f0"
d="M47 26h-2a4 4 0 0 0-8 0 2 2 0 1 0 0 4h10a2 2 0 1 0 0-4z"
/>
<path
fill="#00a0c8"
d="M49 42a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM57 42a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM53 48a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM25 42a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM33 42a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM29 48a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
/>
</svg>
More icons in the same style and category