weather-react-icons

weather-react-icons

A React component for weather icons for use with Open Weather and Yahoo Weather APIs.

Installaion

$ npm i weather-react-icons

Usage

import * as React from 'react';
// The following CSS file must be installed for use of WeatherIcon.
import 'weather-react-icons/lib/css/weather-icons.css';
import { WeatherIcon } from 'weather-react-icons';

const Weather = () => {
  return <WeatherIcon iconId={200} name="owm" night />;
};

WeatherIcon Params

Name	Type	Required?	default	Description
iconId	number	Required		Icon Id that OpenWeatherMap and Yahoo Weather API provides.
name	owm or yahoo	Required		API name you use.
night	boolean	Optional	false	If sets true, icons change to night icons. (note: night is only for "owe" icons)
className	string	Optional		Your own className.

CSS usage

if only use CSS files, import them as follows,

import 'weather-react-icons/lib/css/weather-icons.css';
import 'weather-react-icons/lib/css/weather-icons-wind.css';

Resources

• Open Weather API : A scientific yet simple approach to weather forecast. Free. No ads.
• Yahoo Weather API : Get up-to-date weather information for any location, including 10-day forecast, wind, atmosphere, astronomy conditions, and more. You can lookup weather by location (city name) or lat/long.
• Weather icons : The repository is created by @erikflowers

Licensing

• Weather Icons licensed under SIL OFL 1.1
• Code licensed under MIT License