Icons
Weather Shadcn Icons: Sun, moon and conditions
8Weather Shadcn Icons for theme toggles
The weather category holds 8 icons for sun, moon and conditions, drawn on the same grid and stroke as the rest of the ReUI set, so they sit next to the general and arrow icons without a size or weight jump. Each one ships in outline, solid, duotone and filled, with a hover animation that is specific to the glyph rather than a generic wiggle.
Names in this category include drop, drop half full, drops, moon, mountain sun, night day and more. Every icon installs as a React component through the shadcn CLI or the ReUI MCP, keeps its four styles as variants, and takes size and color from your tokens.
Where weather icons go
Weather icons are built for theme toggles, forecasts and time-of-day states.
- Light and dark theme toggles
- Weather and time-of-day cards
What ships with each icon
- Four styles, one name Outline, solid, duotone and filled variants of the same glyph, so density and emphasis change without a different icon.
- Motion that fits the glyph A bespoke hover animation per icon: a bell rings, an arrow travels, a lock clicks. Reduced-motion is respected.
- Registry install Install one icon or the whole weather category with the shadcn CLI or by asking your coding agent through the ReUI MCP. Motion Icons are part of ReUI Ultimate.
Frequently Asked Questions
How many weather icons are there?
Are weather icons free?
Which frameworks do they support?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.