Skip to content

husek/react-icon-tint

Repository files navigation

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

husek

License

MIT

About

Color your PNG Icons

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published