remixicon-react   

Remix Icons for React packaged as single components

This repo is based on the very good mdi-react package.

Installation

``bash
npm install remixicon-react


or if you use Yarn


yarn add remixicon-react
`

Usage

Just search for an icon on remixicon.com and look for its name.
The name translates to PascalCase followed by the suffix Icon in remixicon-react.

For example the icons named alert-line and alert-fill:

`javascript
import AlertLineIcon from 'remixicon-react/AlertLineIcon';
import AlertFillIcon from 'remixicon-react/AlertFillIcon';

const MyComponent = () => {
return (



);
};
`

To change the color on hover you can just use your own class and plain CSS.

`css
.some-class:hover {
fill: red;
}
`

You can also add default styling via the remixicon-icon class.

`css
.remixicon-icon {
background-color: green;
}
``