React Weather icons :partly_sunny:

Weather icons meant for use with the OpenWeatherMap, Yahoo and DarkSky API.

Note: Includes font icons from the weather icons set.

Install

npm install react-icons-weather

Usage

import React from 'react';
import WeatherIcon from 'react-icons-weather';

const WeatherComponent = (props) => {
  return (
    <div>
      <WeatherIcon name="owm" iconId="200" flip="horizontal" rotate="90" />
    </div>
  )
}

API | name | iconId (Weather condition codes) ------------ | ------------- | ------------- Open Weather Map | 'owm' | Refer to doc Yahoo | 'yahoo' | Refer to doc Dark Sky (previously forecast.io) | 'darksky' | Refer to doc

Features

• Flip: horizontal, vertical
• Rotate: 90, 180, 270
• Fixed Width

TODO

-[ ] animate icons -[ ] icons for general use