Back to Blog List
Introducing Weather Icons v1.0
Announcing the launch of our premium weather icons collection, featuring 35+ beautifully crafted icons for modern web applications
Introducing Weather Icons v1.0
We're excited to announce the launch of Weather Icons, a premium collection of beautifully crafted weather icons designed for modern web applications. After months of careful design and development, we're proud to present our first major release.
The Collection
Our initial release includes:
- 35+ unique weather conditions
- Multiple size variants (16px, 32px, 64px)
- Light and dark theme versions
- Figma source files
- Comprehensive documentation
Key Features
Comprehensive Coverage
Our collection covers all essential weather conditions:
- Clear sky conditions
- Various cloud formations
- Different precipitation types
- Wind and atmospheric phenomena
- Special weather events
Premium Quality
Every icon is crafted with attention to:
- Pixel-perfect precision
- Consistent styling
- Clear visibility at all sizes
- Modern design aesthetics
- Professional finish
Technical Details
Format Support
- SVG (scalable vector graphics)
- Optimized PNG exports
- Figma components
- React components
- CSS variables for customization
Implementation Example
import { WeatherIcon } from '@weather-icons/react';
function WeatherDisplay() {
return (
<div className="weather-widget">
<WeatherIcon
condition="partly-cloudy"
theme="light"
size={32}
/>
</div>
);
}
Pricing Plans
We offer two license tiers:
Personal License
- Full icon collection
- Personal projects
- Basic support
- Free updates
Commercial License
- Everything in Personal
- Commercial projects
- Premium support
- Figma source files
- Custom modifications
Getting Started
Quick Installation
# Using npm
npm install @weather-icons/react
# Using yarn
yarn add @weather-icons/react
# Using pnpm
pnpm add @weather-icons/react
Roadmap
We're committed to continuous improvement:
Coming Soon
- Animated versions
- Additional weather conditions
- Custom color themes
- Enterprise solutions
- Integration tutorials
Community and Support
We value our community and offer:
- Detailed documentation
- Integration examples
- Regular updates
- Community support
- Professional assistance
Launch Offer
To celebrate our launch, we're offering:
- 30% off Commercial licenses
- Free icon customization
- Extended support period
- Early access to new features
Join us in revolutionizing weather visualization in modern web applications!