react-payment-logos
v1.1.0
Published
React components library to display logos of major payment brands and methods.
Downloads
2,532
Maintainers
Readme
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
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.