# 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 by entering the names or ifsc code.

Latest version **1.1.11** (published 2026-06-04) · MIT license · 0 weekly downloads

## Install

```sh
npm install payments-icons-library
pnpm add payments-icons-library
yarn add payments-icons-library
bun add payments-icons-library
```

## Health

**Score 50/100 (C)** — status: active.

Positive: no vulnerabilities; high maintenance score.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 1.1.11 |
| Published | 2026-06-04 |
| First published | 2022-09-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 9 |
| Maintainers | cashfree-payments |
| Keywords | payment icons, icons, banks, logos |

## Links

- npm: https://www.npmjs.com/package/payments-icons-library
- Repository: https://github.com/cashfree/payments-icons-library
- Homepage: https://github.com/cashfree/payments-icons-library#readme
- Issues: https://github.com/cashfree/payments-icons-library/issues
- npm.io page: https://npm.io/package/payments-icons-library

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads

## Recent versions

- 1.1.11 (latest) — 2026-06-04
- 1.1.9 — 2025-12-12
- 1.1.8 — 2025-10-31
- 1.1.7 — 2025-07-29
- 1.1.6 — 2025-07-07
- 1.1.5 — 2025-04-24
- 1.1.4 — 2024-05-22
- 1.1.3 — 2024-03-26
- 1.1.2 — 2024-02-09
- 1.1.1 — 2024-02-07
- 1.0.9 — 2024-02-06
- 1.0.8 — 2023-11-28
- 1.0.7 — 2023-11-24
- 1.0.4 — 2022-09-08
- 1.0.3 — 2022-09-05
- … 3 more at https://npm.io/package/payments-icons-library/versions

## 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
```
<script src="https://cdn.jsdelivr.net/gh/cashfree/payments-icons-library@latest/dist/image-library.js"></script>
```



 
## 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"}, ...]

```

---
_Source: https://npm.io/package/payments-icons-library · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._