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

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