@systeminfected/react-payment-icons v0.1.6

React Payment icons

A react component library that easily integrate with the Shopify GrapQL API to display available payment methods. The naming convention for the icons are matched with the response data from paymentSettings

Example query:

query {
    shop {
      paymentSettings {
        acceptedCardBrands
        supportedDigitalWallets
      }
    }
  }

Usage

npm i @systeminfected/react-payment-icons

Example

import { Icon } from 'react-payment-method-icons'

<Icon icon='MASTERCARD'/>

Credit

Logos forked from https://github.com/payrexx/payment-logos

A collection of payment method logos. The logos are free to use for commercial purposes.

Payment methods so far

Payment methods still to be added

Credit cards

There are additional credit card logos in the repository.

Wallets

Other Payment Methods

Over 120 additional payment method logos.