PHPackages                             tweemeterstudio/payment-icons - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Payment Processing](/categories/payments)
4. /
5. tweemeterstudio/payment-icons

ActiveLibrary[Payment Processing](/categories/payments)

tweemeterstudio/payment-icons
=============================

Payment Provider Icons with font-awesome-style markup.

0.4(6y ago)15[1 issues](https://github.com/tweemeterstudio/payment-icons/issues)MITHTML

Since Apr 30Pushed 6y ago1 watchersCompare

[ Source](https://github.com/tweemeterstudio/payment-icons)[ Packagist](https://packagist.org/packages/tweemeterstudio/payment-icons)[ Docs](https://jaspervandermeer.com/payment-icons/)[ RSS](/packages/tweemeterstudio-payment-icons/feed)WikiDiscussions master Synced today

READMEChangelog (4)DependenciesVersions (5)Used By (0)

payment-icons
=============

[](#payment-icons)

Payment Provider Icons with almost kinda font-awesome-style markup. Demo:

[![Demo](https://camo.githubusercontent.com/25b6d7bb5577021f51f2000bef989ec11f2e5cc5ec6db2f462e51bb1206d82e8/68747470733a2f2f692e696d6775722e636f6d2f436c53727651532e706e67)](https://camo.githubusercontent.com/25b6d7bb5577021f51f2000bef989ec11f2e5cc5ec6db2f462e51bb1206d82e8/68747470733a2f2f692e696d6775722e636f6d2f436c53727651532e706e67)

TODOMake it responsiveMake icons stack or display inline(-block)Optimize the SVGAdd multiple icon sizes with an extra css classDescription
-----------

[](#description)

This provides an easy way to include payment provider icons in your website or app. It's always a hassle to get a list of supported payment providers so we usually resort to Google Images to steal somebody else's work - And I know you did that, just like I did.

Since [stealing is wrong](https://www.youtube.com/watch?v=HmZm8vNHBSU), I decided to stop stealing icons from Google Images and instead steal utilize somebody's creative work from Behance which in turn consists of artwork stolen from companies providing payment services with expensive lawyers and all that. So please, read the disclaimer below. It's all for a good cause: Getting more people to use your payment services.

Installation
------------

[](#installation)

### **Easy mode:** Composer:

[](#easy-mode-composer)

Install through composer: `composer require tweemeterstudio/payment-icons`

Check if this line exists in your composer.json file:

```
{
    "require": {
        "tweemeterstudio/payment-icons": "0.*"
    }
}

```

### **Also quite easy mode:** Manual download:

[](#also-quite-easy-mode-manual-download)

Download the [zip of this repo](https://github.com/tweemeterstudio/payment-icons/archive/master.zip), extract its folder to your project.
-----------------------------------------------------------------------------------------------------------------------------------------

[](#download-the-zip-of-this-repo-extract-its-folder-to-your-project)

Integration in your project
---------------------------

[](#integration-in-your-project)

Include the following line in the `` of your document:

```

```

You need to mind the `/path/to/` part when including the `payment-icons.min.css` file. The css file and `/assets` folder should reside in the **same directory!**

Usage
-----

[](#usage)

To use the payment icons you can simply include

```

```

to your page, where the classes of the `` as children of the `` decide which payment provider icons are shown. The full list of available payment providers are mentioned below.

List of available payment providers and its corresponding CSS class
-------------------------------------------------------------------

[](#list-of-available-payment-providers-and-its-corresponding-css-class)

Payment ProviderCSS ClassPayPal`paypal`Apple Pay`apple-pay`Google Pay`google-pay`Alipay`alipay`Mastercard`mastercard`Visa`visa`American Express`american-express`Diner's Club`diners-club`Maestro`maestro`VPay`vpay`Girocard`girocard`Klarna`klarna`Giropay`giropay`iDeal`ideal`Przelewy24`przelewy24`Bitcoin`bitcoin`Etherereum`ethereum`Ripple`ripple`Disclaimer
----------

[](#disclaimer)

All logos, designs, brands and names are © to their respective owners. Original icon design by [Spektrum 44](https://www.behance.net/gallery/93190297/Free-E-Commerce-Logos) on [Behance](https://www.behance.net/spektrum44).

Thank you 💙

###  Health Score

17

—

LowBetter than 6% of packages

Maintenance0

Infrequent updates — may be unmaintained

Popularity5

Limited adoption so far

Community4

Small or concentrated contributor base

Maturity49

Maturing project, gaining track record

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

4

Last Release

2201d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/3f1e2d108395227e788e12aa56bbc747d3b94131f7071218da64822cb5aff689?d=identicon)[tweemeterstudio](/maintainers/tweemeterstudio)

---

Tags

iconsinterfacepaymentsvg-iconsinterfaceiconspaymentsvg icons

### Embed Badge

![Health badge](/badges/tweemeterstudio-payment-icons/health.svg)

```
[![Health](https://phpackages.com/badges/tweemeterstudio-payment-icons/health.svg)](https://phpackages.com/packages/tweemeterstudio-payment-icons)
```

###  Alternatives

[hiqdev/payment-icons

50+ icons for payment systems and methods

2618.0k1](/packages/hiqdev-payment-icons)[paymentsuite/stripe-bundle

Stripe PaymentSuite Component

105.0k](/packages/paymentsuite-stripe-bundle)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)