https://github.com/cashfree/payments-icons-library

Payments-icons-library can help you fetch icons for most of the payment methods in different sizes and format.Icons can be fetched individually or in bulk format.
https://github.com/cashfree/payments-icons-library

card icon-pack icons upi

Last synced: 3 months ago
JSON representation

Payments-icons-library can help you fetch icons for most of the payment methods in different sizes and format.Icons can be fetched individually or in bulk format.

• Host: GitHub
• URL: https://github.com/cashfree/payments-icons-library
• Owner: cashfree
• License: mit
• Created: 2022-09-02T06:45:03.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2025-07-07T12:00:13.000Z (3 months ago)
• Last Synced: 2025-07-07T12:08:09.997Z (3 months ago)
• Topics: card, icon-pack, icons, upi
• Language: JavaScript
• Homepage: https://cashfree.github.io/payments-icons-library/
• Size: 14.6 MB
• Stars: 8
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Payment Icons by Cashfree Payments

![License](https://img.shields.io/badge/license-MIT-blue) ![GitHub Release](https://img.shields.io/github/v/release/cashfree/payments-icons-library?color=blue) ![TestCases](https://img.shields.io/badge/test_cases-passed-brightgreen) ![Build](https://img.shields.io/badge/build-stable-brightgreen) ![NPM Downloads](https://img.shields.io/npm/dm/payments-icons-library?label=NPM%20Downloads&color=blue) ![jsDelivr hits (GitHub)](https://img.shields.io/jsdelivr/gh/hm/cashfree/payments-icons-library?label=CDN%20Hits&color=blue) 

Payments-icons-library can help you fetch icons for most of the payment options in different sizes and formats. Icons can be fetched individually or in bulk format by entering the names or ifsc code.

## Documentation + Demo

Please visit [this page](https://cashfree.github.io/payments-icons-library/)

## Installation

### Using npm:

```

npm i payments-icons-library

```

Note: add --save if you are using npm < 5.0.0

### In Node.js:

```

var Icons = require('payments-icons-library');

```

### In vanilla JS

```

```

 

## Basic Implementation:

#### ES6

```

import icons from "payments-icons-library";

let sbiIcon = icons.getIcon('sbi', 'sm');

//{"icon_name": "sbi", "icon_url": "https://cashfreelogo.cashfree.com/assets_images/pg/nb/32/sbi.png", "icon_version": "1"}

let [sbiIcon, auIcon] = icons.getIcons(['sbi', 'au'], 'sm');

//[{"icon_name": "sbi", "icon_url": "https://cashfreelogo.cashfree.com/assets_images/pg/nb/32/sbi.png", "icon_version": "1"}, ...]

let banksLogo = icons.getModesIcons('cardbanks', 'sm');

//[{"icon_name": "sbi", "icon_url": "https://cashfreelogo.cashfree.com/assets_images/pg/nb/32/sbi.png", "icon_version": "1"}, ...]

```

#### Vanilla JS

```

let sbiIcon = paymentsIcons.getIcon('sbi', 'sm');

//{"icon_name": "sbi", "icon_url": "https://cashfreelogo.cashfree.com/assets_images/pg/nb/32/sbi.png", "icon_version": "1"}

let [sbiIcon, auIcon] = paymentsIcons.getIcons(['sbi', 'au'], 'sm');

//[{"icon_name": "sbi", "icon_url": "https://cashfreelogo.cashfree.com/assets_images/pg/nb/32/sbi.png", "icon_version": "1"}, ...]

let banksLogo = paymentsIcons.getModesIcons('cardbanks', 'sm');

//[{"icon_name": "sbi", "icon_url": "https://cashfreelogo.cashfree.com/assets_images/pg/nb/32/sbi.png", "icon_version": "1"}, ...]

```