react-payment-logos
TypeScript icon, indicating that this package has built-in type declarations

1.1.0 • Public • Published

React Payment Logos

npm version License GitHub stars

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

React Payment Logos

Table of Contents

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.

Package Sidebar

Install

npm i react-payment-logos

Weekly Downloads

286

Version

1.1.0

License

MIT

Unpacked Size

937 kB

Total Files

335

Last publish

Collaborators

  • iamgutz