Icon Library
Weather Icons Icons
The go-to icon library for weather and meteorology. Covers conditions, wind direction, moon phases, and more.
219
Icons
MIT
License
Erik Flowers
Creator
Outline
Styles
About Weather Icons
The go-to icon library for weather and meteorology. Covers conditions, wind direction, moon phases, and more.
Available Styles
Outline
Best For
Weather apps, forecast dashboards, meteorology tools
What You Get
| Feature | Details |
|---|---|
| Icon count | 219 icons in this library |
| License | MIT |
| Creator | Erik Flowers |
| Export formats | SVG, PNG, JSX, Base64. Copy to clipboard or download instantly. |
| Customization | Color, size, rotation, flip. All in-browser. |
| Account required | None. No sign-up needed. |
How to Use Weather Icons Icons
1. Search the library
Head to Browse Icons and filter by “Weather Icons” to browse all 219 icons in this set.
2. Customize
Click any icon to open the detail panel. Pick a color, adjust stroke width, switch between fill and outline, or rotate and flip.
3. Export
Copy the SVG, download a PNG at any size, grab the icon ID for @iconify/react, or export as JSX or Base64. No account required.
Use in React / Next.js
Install the Iconify React package and use Weather Icons icons directly in your project:
npm install @iconify/react
import { Icon } from "@iconify/react"
// Example Weather Icons icon
<Icon icon="wi:home" className="h-6 w-6" />Browse Weather Icons Icons Free
219 icons. No watermarks, no account, no attribution required.