A collection of SVG icons as React components for various payment methods, including flat, flat-rounded, logo, mono, and mono-outline styles.

• Installation
• Usage
• Available Icons
• Customization
• Contributing
• License

Install the package using npm:

yarn add react-payment-logos
# or
npm install react-payment-logos --save

Import the icon components based on your preferred style and payment method:

import React from 'react';
import { Mastercard, Visa, Paypal } from 'react-payment-logos/dist/flat';
// or
// import Mastercard from 'react-payment-logos/dist/flat/Mastercard';

function App() {
  return (
    <div>
      <Mastercard />
      <Visa />
      <Paypal />
      {/* Add more icons here */}
    </div>
  );
}

export default App;

Here are some of the available icons for each style:

Mastercard Visa Paypal ... For a complete list of available icons and their usage, refer to the documentation.

You can customize the icons using props. For example:

<Mastercard width={64} height={64} />

Check out our Demo Site to see the icons in action and experiment with different styles and usage scenarios.

Contributions are welcome! Please read our Contribution Guidelines for details.

This project is licensed under the MIT License © iamgutz.