⚛: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={{
      type: "pulse",  // zoom, pulse, shake, flip
      hover: true,
      infinite: false 
    }}
  />
);

 

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}}