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