react-icon-tint

react-icon-tint is a React component that replicates the iOS behavior, where you can easily tint an icon according to your UI.

Usage

Requires React >= 16

npm install --save react-icon-tint

import React from 'react';
import ReactDOM from 'react-dom';
import IconTint from 'react-icon-tint';

class MyComponent extends React.Component {
  render() {
    return (
      <div>
         <IconTint src="/bellIcon.png" color="#cecece" />
      </div>
    );
  }
}

Props

• src - {String} – required – Image source.
• color - {String} – required – Color you want to tint your icon.
• maxWidth - {Number} && maxHeight - {Number} – maxWidth + maxHeight for the icon
• fallback - {ReactComponent} – Fallback component used during the load period and on SSR;

Contributing

Your contributions are welcome!

Author

• husek

License

MIT