Add weather and forecast icons to weather apps, travel sites, smart home dashboards, and news widgets. Show sun, partly cloudy skies, rain showers, thunderstorms, snow, fog, wind, tornadoes, rainbows, temperature, and humidity in outline, fill, and duo styles. Download the icons as SVG, copy them as React components, or customize them in the Nucleo apps.
From clear skies to storms, Nucleo Core weather icons come in outline and fill at 24, 32, and 48px. This grid shows 16 outline icons at 32px, such as partly cloudy, thunderstorm, fog, tornado, and humidity, suited to forecast widgets and travel planners.
A weather app could split its tabs into forecast, precipitation, wind, and sunrise times using Nucleo UI, made on an 18px grid for interface components. In the fill duo style, a lower-opacity secondary tone gives clouds and sun rays depth.
Heat advisory
Frost warning
Flood watch
Dry spell
Short alert tags work well with Nucleo UI icons in the outline duo style. Label conditions like Heat advisory, Frost warning, Flood watch, or Dry spell on forecast cards, local news pages, and farming or event planning tools.
Wind forecast
Check gusts and breeze speed before heading out
Rain chance
Know when to pack an umbrella for the day ahead
Sun safety
See when UV levels call for sunscreen and shade
Snow days
Plan ahead for shoveling, closures, and icy roads
Nucleo Pixel weather icons sit on a 24px pixel grid with crisp, square strokes. Windy skies, raindrops, sunscreen, and snow shovels make clear subjects for feature cards about forecasts, sun safety, and winter prep.
Browse icons by category: