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-inlineUsing this component on your project.
import PaymentIcon from "react-payment-icons"; <PaymentIcon ="visa" = />;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