4.0.0 • Published 3 years ago
reactjs-icon-tint v4.0.0
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}
– Color you want to tint your icon.className - {String}
– Color you want to tint your icon.maxWidth - {String} && maxHeight - {String}
– maxWidth + maxHeight for the iconfallback - {ReactComponent}
– Fallback component used during the load period and on SSR;
Contributing
Your contributions are welcome!
Author
License
MIT