okonet / react-payment-icons

React component for most popular payment icons

React Payment Icons [ARCHIVED]

Library to get the most popular payment icons brands

How to use

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