Unify Icons

Include icons that is created by Unify design team, which utilizes ES6 imports that allow you to include only the icon that your project is using.

Installation

$ yarn add unify-icons

Usage

import IconAdd from 'unify-icons/action_add';

const Greetings = () => (
  <div>
    Hello World 
    <IconAdd>
  </div>
)

Configurations

You can configure unify-icons props using React context API.

requirement React 16.3 or higher.

import IconContext from 'unify-icons/context';
import IconAdd from 'unify-icons/action_add';

<IconContext.Provider value={{ color: 'purple' }}>
  <IconAdd />
</IconContext.Provider>

key | default | notes --- | --- | --- color | undefined / inherit | overwrite colors size | 1em | overwrite size