react-icons-weather

React Weather icons ⛅️

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