react-payment-logos

React Payment Logos

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

Table of Contents

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

Installation

Install the package using npm:

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

Usage

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;

Available Icons

Here are some of the available icons for each style:

Flat Style

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

Customization

You can customize the icons using props. For example:

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

Demo

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

Contributing

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

License

This project is licensed under the MIT License © iamgutz.