react-eva-icons

⚛:heart: react-eva-icons

React.js components for the awesome open source Eva Icons library.

Demo

Visit here

 

Getting Started

Using npm

    npm install --save react-eva-icons

Or using yarn

    yarn add react-eva-icons

 

Usage

import Icon from 'react-eva-icons';

...

render (
  <Icon 
    name="activity"
    size="medium"     // small, medium, large, xlarge
    animation=
  />
);

 

Props

Option	Type	Values	Description
animation	object	See here	Icon animation
fill	string	e.g. '#fff'	Icon color
name	string	e.g. 'activity'	Define the name of the icon
size	string	small, medium, large, ``xlarge	Icon size

 

Known Issues

When using Gatsby and server-side rendering, you should dynamic import the library:

let Icon
if (typeof window !== "undefined") {
  import("react-eva-icons").then(module => Icon = module.default);
}

Issue and solution by @taniotanio7 here

 

License

MIT

 

_{^{Made with 🤘 by @d__raptis}}

This site is open source. Improve this page.