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
`

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

const MyComponent = () => {
return (



);
}
`

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, should be provided in pairs.
- fallback - {ReactComponent}` – Fallback component used during the load period and on SSR;
- Any additional props you pass to this component will be forwarded to the Canvas element that renders your icon.

Contributing

Your contributions are welcome!

Author

husek

License

MIT