meteocons Icons
450 iconsbarometer fill
barometer
beanie fill
beanie
celsius fill
celsius
clear day fill
clear day
clear night fill
clear night
cloud down fill
cloud down
cloud up fill
cloud up
cloudy fill
cloudy
code green fill
code green
code orange fill
code orange
code red fill
code red
code yellow fill
code yellow
compass fill
compass
drizzle fill
drizzle
dust day fill
dust day
dust fill
dust night fill
dust night
dust wind fill
dust wind
dust
extreme day drizzle fill
extreme day drizzle
extreme day fill
extreme day fog fill
extreme day fog
extreme day hail fill
extreme day hail
extreme day haze fill
extreme day haze
extreme day rain fill
extreme day rain
extreme day sleet fill
extreme day sleet
extreme day smoke fill
extreme day smoke
extreme day snow fill
extreme day snow
extreme day
extreme drizzle fill
extreme drizzle
extreme fill
extreme fog fill
extreme fog
extreme hail fill
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: meteocons
Discover the ultimate library of free SVG icons in our meteocons 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 meteocons 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 meteocons 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.