react-icons-weather

A React component for the weather icons library

Usage no npm install needed!

<script type="module">
  import reactIconsWeather from 'https://cdn.skypack.dev/react-icons-weather';
</script>

README

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