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';
const MyComponent = () => {
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, 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
License
MIT