3.1.1 • Published 12 months ago

react-svg-credit-card-payment-icons v3.1.1

Weekly downloads
-
License
MIT
Repository
github
Last release
12 months ago

React SVG Card Payment Icons

npm TypeScript ​npm​ PRs Welcome GitHub stars npm.io

SVG Credit Card & Payment Icons: 6 Styles, 80 Icons for React ⚛️

A collection of SVG based credit card logo icons. React componnent with Typescript support.

Live Demo

💿 Installation

1) Install this package:

npm install react-svg-credit-card-payment-icons
# or
yarn add react-svg-credit-card-payment-icons

📦 Usage

import { PaymentIcon } from 'react-svg-credit-card-payment-icons';

....

const App = () => {
  return (
    <PaymentIcon type="visa" format="flatRounded" width={100} />
  );
};

Types and Formats

Available types and their images:

If the type does not exist, the default setting is generic.

TypeImage
alipay
amex
diners
discover
elo
hiper
hipercard
jcb
maestro
mastercard
mir
paypal
unionpay
visa
generic
code
codefront

Images from aaronfagan/svg-credit-card-payment-icons

Available formats:

If the format is not specified, the default setting is flat.

FormatImage
flat
flatRounded
logo
logoBorder
mono
monoOutline
  • Specify either width or height; there's no requirement to define both. The aspect ratio is preset at 780:500 for SVGs. If neither width nor height is defined, width will default to 40.

  • The component also allows all the properties (props) of the Svg component, including attributes like style.

  • If an invalid type is provided, the default setting is generic.

3.1.1

12 months ago

3.1.0

12 months ago

3.0.0

12 months ago

2.1.3

2 years ago

2.1.2

2 years ago

2.1.1

2 years ago

2.0.0

2 years ago

1.2.2

2 years ago

1.2.1

2 years ago

1.2.0

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago