Library to get the most popular payment icons brands
Using this component on your project.
import PaymentIcon from 'react-payment-icons';
<PaymentIcon
icon="visa"
style={{ margin: 10, width: 100 }}
/>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 |
- 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
- adyen
- amazon
- applepay
- cielo
- ebanx
- elavon
- firstdata
- iugu
- global
- googlepay
- mercadopago
- pagarme
- pagseguro
- rede
- stone
- stelo
- yapay
- worldpay
- bb
- bradesco
- caixa
- hsbc
- itau
- santander