✨ 100 Icons • Open Source • Multi-Format

Weather Iconic

Beautiful weather icons for modern applications

A comprehensive collection of weather icons available as SVG sprites and web fonts. Perfect for weather apps, dashboards, and modern web applications.

100
Icons
2
Formats
100%
Free
🚀 Explore Icons 📦 Install Package
Quick install:
npm install weather-iconic

Why Choose Weather Iconic?

📦

Multiple Formats

Available as SVG sprites and webfonts

🎨

Multi-Color Support

Customizable color schemes with CSS variables

⚡

Lightweight

Optimized for performance with minimal file sizes

🔧

Easy Integration

Simple CSS classes or SVG sprite usage

🌐

Browser Support

Works across all modern browsers with fallback support

Weather Examples

Berlin

24°C
Sunny

London

18°C
Rainy

Tokyo

21°C
Cloudy

Oslo

-2°C
Snowy

Installation

📦 NPM Package

npm install weather-iconic

Complete package with CSS classes and SVG sprites

🔗 CDN

<link rel="stylesheet" href="https://unpkg.com/weather-iconic/dist/weather-iconic.css">

Direct CSS inclusion via CDN for quick prototyping

Usage Examples

<!-- Include the stylesheet via CDN -->
<link rel="stylesheet" href="https://unpkg.com/weather-iconic/dist/weather-iconic.css">

<!-- Or if installed via npm -->
<link rel="stylesheet" href="node_modules/weather-iconic/dist/weather-iconic.css">

<!-- Use icons with CSS classes -->
<span class="weather weather-sun"></span>
<span class="weather weather-cloud-rain"></span>
<!-- SVG sprite method -->
<svg width="32" height="32">
  <use xlink:href="/path/to/sprites.svg#weather-sun"></use>
</svg>

<svg width="32" height="32">
  <use xlink:href="/path/to/sprites.svg#weather-cloud-rain"></use>
</svg>

Downloads

🎨 PNG Icons

High-quality PNG icons in multiple sizes (16px, 24px, 32px, 48px, 64px). Perfect for desktop apps, mobile development, and when SVG isn't supported.

Download from GitHub
All sizes • Multi-color variants • ~2MB ZIP
💡 Use in: Electron, React Native, Flutter, Unity

🖼️ SVG Sprites

Optimized SVG sprite file for web applications

Download Sprite
Single file • 100KB • All icons

🔤 Icon Fonts

Web fonts for CSS-based icon usage

Download Fonts
WOFF2, WOFF, TTF • CSS included