React Payment Icons Inline

Library to get the most popular payment icons brands.

A fork of react-payment-icons module created for the purpose of adding SVG incons inline from local filesystem.

TODO: Currently not all the icons are avalible. This issue came from the origianl module. Need some help with adding SVG icons to local folder.

How to use

npm i react-payment-icons-inline

Using this component on your project.

import PaymentIcon from "react-payment-icons";

<PaymentIcon icon="visa" style={{ margin: 10, width: 100 }} />;

Props

Below the list of the available props:

| Name | Type | Default | Description | | ----------- | ------- | ------- | --------------------------------------------------------- | | icon | String | | The payment icon that you wanna render | | style | Object | | CSS style object | | className | String | | HTML class for you to customize with your own CSS | | transparent | Boolean | false | If true, will render the icon with transparent background |

Payment Icons

Supported Brands

• aura
• amex
• cirrus
• diners
• direct_debit
• discover
• ebay
• elo
• eway
• hipercard
• jcb
• maestro
• mastercard
• paypal
• sage
• shopify
• skrill_moneybookers
• skrill
• sodexo
• solo
• ticket
• visa_electron
• visa
• wallet
• western
• wirecard

Supported Payment Facilitators

• adyen
• amazon
• applepay
• cielo
• ebanx
• elavon
• firstdata
• iugu
• global
• googlepay
• mercadopago
• pagarme
• pagseguro
• rede
• stone
• stelo
• yapay
• worldpay

Supported Banks

• bb
• bradesco
• caixa
• hsbc
• itau
• santander