weather icons Icons
230 iconsalien
aliens
barometer
celsius
cloud down
cloud refresh
cloud up
cloud
cloudy gusts
cloudy windy
cloudy
day cloudy gusts
day cloudy high
day cloudy windy
day cloudy
day fog
day hail
day haze
day light wind
day lightning
day rain mix
day rain wind
day rain
day showers
day sleet storm
day sleet
day snow thunderstorm
day snow wind
day snow
day sprinkle
day storm showers
day sunny overcast
day sunny
day thunderstorm
day windy
degrees
direction down left
direction down right
direction down
direction left
direction right
direction up left
direction up right
direction up
dust
earthquake
fahrenheit
fire
flood
fog
gale warning
hail
horizon alt
horizon
hot
humidity
hurricane warning
hurricane
lightning
lunar eclipse
Usage Guide
How to Use These Icons
Copy SVG Code
Click any icon to open the detail panel, then copy the raw SVG markup directly into your HTML or React component.
Download PNG
Export any icon as a high-resolution PNG at 24 Ć 24, 48 Ć 48, or 96 Ć 96 pixels for raster-based workflows.
Customize & Remix
Change stroke weight, size, and color using the built-in customizer on the icon detail page ā no design tool required.
Standards & Quality
Technical Excellence: weather icons
Discover the ultimate library of free SVG icons in our weather icons collection. Every vector icon is meticulously crafted for pixel-perfect precision. Download high-quality SVG assets for commercial use, optimized for web developers and designers.
Premium Vector Quality
Download professional vector icons designed for Figma, Adobe XD, and Sketch. Our weather icons graphics ensure consistent brand fidelity across digital platforms, available as free SVG downloads.
Lightning-Fast Performance
Each lightweight SVG is programmatically cleaned of bloated XML metadata. These performance-optimized icons guarantee a 100/100 Lighthouse score, making them perfect for SEO-friendly web development.
Responsive UI/UX Standards
Built on minimalist design principles, our weather icons icons maintain stunning clarity from 16px to 4K resolutions. These UI assets are essential for granular interface controls and accessible web design.
Developer-First Integration
Engineered for CSS-based recoloring, these customizable SVG icons are ideal for React, Vue, and Tailwind CSS projects. Use them as inline SVGs, CSS masks, or within an SVG sprite system for maximum flexibility.