# siteation/magento2-hyva-icons-payment

> Payment icons for Hyva Themes

`composer require siteation/magento2-hyva-icons-payment`

Canonical URL: https://packagento.com/siteation/magento2-hyva-icons-payment

## At a glance

- **Vendor**: siteation (https://packagento.com/siteation.md)
- **Latest version**: 1.2.6 — released 2026-04-01
- **Pricing**: Free
- **Package type**: Magento 2 module
- **Status**: active, accepting new buyers

## Installation

Packagento is licence-gated, so even free packages need a licence on a project before Composer can resolve them.

1. **Sign in or create an account** at https://packagento.com/customer/account/.

2. **Add the package to your account.** Open https://packagento.com/siteation/magento2-hyva-icons-payment and complete the free checkout. A licence is minted automatically.

3. **Create or pick a project, then activate the licence on it.**
   - Projects represent the Magento installs you deploy to. Manage them at https://packagento.com/projects/.
   - Activate the new licence on the project you'll deploy this package to. Activation is what generates the Composer credentials scoped to that project.

4. **Add the project credentials to your Magento codebase.**

   Grab the project's public + private key from https://packagento.com/projects/ (open the project, then its Credentials tab), and add them to `auth.json`:

   ```json
   {
     "http-basic": {
       "packagento.com": {
         "username": "ppk_live_...",
         "password": "psk_live_..."
       }
     }
   }
   ```

   Add the Packagento Composer repository to `composer.json`:

   ```json
   {
     "repositories": [
       { "type": "composer", "url": "https://packagento.com" }
     ]
   }
   ```

5. **Install and apply.**

   ```bash
   composer require siteation/magento2-hyva-icons-payment:*
   bin/magento setup:upgrade
   bin/magento setup:di:compile
   bin/magento cache:flush
   ```

## What it does

Payment icons for Hyva Themes

## README

[![Packagist Version](https://img.shields.io/packagist/v/siteation/magento2-hyva-icons-payment?style=for-the-badge)](https://packagist.org/packages/siteation/magento2-hyva-icons-payment)
![Supported Magento Versions](https://img.shields.io/badge/magento-%202.4-brightgreen.svg?logo=magento&longCache=true&style=for-the-badge)
[![Hyva Themes Module](https://img.shields.io/badge/Hyva_Themes-Module-3df0af.svg?longCache=true&style=for-the-badge)](https://hyva.io/)
![License](https://img.shields.io/github/license/siteation/magento2-hyva-icons-payment?color=%23234&style=for-the-badge)

This Magento 2 module adds the option to use Payment Icons in your Hyva frontend.

This requires that you have a working Hyva frontend,
this icon pack was made specifically for Hyva Themes and will not work out of the box with any other frontend.

### Installation

Install the package via;

```bash
composer require siteation/magento2-hyva-icons-payment
bin/magento setup:upgrade
```

> **Warning** This Module requires Magento 2.4 or higher and requires Hyva!
> For more requirements see the `composer.json`.

### How to use

By default this module loads nothing.

To use this icon pack instead of the default Hyva icons, add the following to your phtml file;

```php
<?php
use Hyva\Theme\Model\ViewModelRegistry;
use Siteation\HyvaIconsPayment\ViewModel\PaymentIcons;

/** @var ViewModelRegistry $viewModels */

/** @var PaymentIcons $paymentIcons */
$paymentIcons = $viewModels->require(PaymentIcons::class);
```

and use the PaymentIcons just as the HeroIcons in Hyva;

```php
<?= $paymentIcons->idealHtml('p-1', 64, 48, ["aria-label" => "Pay with iDeal"]) ?>
```

#### Preview of each style

We offer this icon pack in 3 styles:

##### Default

![ideal-logo] ![maestro-logo] ![paypal-logo]

[ideal-logo]: ./assets/preview/default/ideal.svg
[maestro-logo]: ./assets/preview/default/maestro.svg
[paypal-logo]: ./assets/preview/default/paypal.svg

##### Flat

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="./assets/preview/flat/ideal-dark.svg?v=1.1.0">
  <img alt="ideal-logo-flat" src="./assets/preview/flat/ideal.svg?v=1.1.0">
</picture>
<picture>
  <img alt="maestro-logo-mono" src="./assets/preview/flat/maestro.svg?v=1.1.0">
</picture>
<picture>
  <img alt="paypal-logo-mono" src="./assets/preview/flat/paypal.svg?v=1.1.0"> 
</picture>

##### Mono

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="./assets/preview/mono/ideal-dark.svg?v=1.1.0">
  <img alt="ideal-logo-mono" src="./assets/preview/mono/ideal.svg?v=1.1.0">
</picture>
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="./assets/preview/mono/maestro-dark.svg?v=1.1.0">
  <img alt="maestro-logo-mono" src="./assets/preview/mono/maestro.svg?v=1.1.0">
</picture>
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="./assets/preview/mono/paypal-dark.svg?v=1.1.0">
  <img alt="paypal-logo-mono" src="./assets/preview/mono/paypal.svg?v=1.1.0">
</picture>

#### Using SVG icons in CMS content

You can now also use the SVG icons in your CMS content.

Bringing svg icon support to you CMS pages, Blocks and Widgets.

```txt
{{icon "payment/default/ideal" classes="inline-block" width=64 height=48}}
{{icon "payment/flat/ideal" classes="inline-block" width=64 height=48}}
{{icon "payment/mono/ideal" classes="inline-block" width=64 height=48}}
```

[For more information on how and what see the Hyva Docs](https://docs.hyva.io/hyva-themes/writing-code/working-with-view-models/svgicons.html#using-svg-icons-in-cms-content)

> This feature is supported since Hyva v1.1.12

#### Prefix Mapping Behavior

This module registers the `payment` SVG prefix for Hyva `SvgIcons`.

That means:

- `payment/default/*`, `payment/flat/*`, and `payment/mono/*` are resolved by this package.
- If another module also registers the same `payment` prefix, the effective mapping depends on Magento module merge order.

If you use multiple icon modules, verify prefix ownership and rendering in both frontend and adminhtml scope.

### Payment options offered in this Icon Pack

ABN B2B Afterpay • Alipay • Amazon Pay • Amex • Apple Pay • Bancontact • Banktransfer • Belfius • Biller • Billink • Creditcard • Direct Debit • EPS • Giftcard • Giropay • Google Pay • iDeal • iDeal Wero • Wero • in3 • kbc • Klarna • Maestro • Mastercard • MultiBanco • MyBank • payconiq • PayPal • paysafecard • Przelewy24 • Riverty • Sepa • Sofort • Stripe • Trustly • Visa • vPay • WeChatpay

### Missing or Outdated Payment Icons?

We strive to keep this list of payment options and their logos accurate and up-to-date.

If you notice a missing icon or an outdated logo,
please help us improve the list by opening an issue or, even better, submitting a pull request.

### Enhance Your Store with Automatic Payment Icons

This icon pack seamlessly integrates with our [StoreInfo Payments] module to automatically display payment icons based on your configured Magento 2 payment options.

Interested, then checkout the [StoreInfo Payments] to display your Payment options Automatically!

[StoreInfo Payments]: https://github.com/Siteation/magento2-storeinfo-payments

### Other Icon packs for Hyva

- For Icons packs see https://github.com/topics/hyva-icons

_If you are looking for a Luma based option [checkout this icon pack instead](https://github.com/GrimLink/magento2-icon-packs)._

### Icon License

The payment icons used in this module were created by Siteation under a MIT License

### Disclaimer

All used trademarks, brands and/or names are the property of their respective owners.

The use of these trademarks,
brands and/or names does not indicate endorsement of the property holder by us,
nor vice versa.

## Changelog

All notable changes to this project will be documented in this file.

The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

### Unreleased

### 1.2.6 - 2026-04-01

#### Changed

- Documented `payment` prefix mapping behavior and collision considerations in README.
- Removed deprecated `setup_version` from `etc/module.xml`.
- Updated Billie logo
- Updated Bancontact logo

#### Fixed

- Missing interface for wero logos

### 1.2.5 - 2026-02-14

#### Added

- iDeal - Wero Logo
- Wero Logo

### 1.2.4 - 2024-12-29

#### Added

- Cash on Delivery Logo

### 1.2.3 - 2024-10-11

#### Fixed

- iDeal stoke color in the flat version
- Moved `SvgIcons` argument from global scope to frontend and adminthtml scope,
  this was overwritten by other icons arguments that are set on the frontend and adminthtml scope (Thanks to @woutk88)

### 1.2.2 - 2024-07-28

#### Added

- Billink Logo, (Thanks to @ThijmenKort)

#### Fixed

- Interface with missing icons from last release

### 1.2.1 - 2024-06-02

#### Added

- alias for `przelewy24` and `in3` for calling it directly (the default method)

### 1.2.0 - 2024-06-02

#### Added

- mbway/multibanco logo
- Trustly logo
- Payconiq logo
- WeChatPay logo
- vpay logo
- Stripe logo
- Billie logo

#### Changed

- Updated Giropay logo
- Updated Riverty logo

### 1.1.0 - 2024-01-30

#### Added

- ABN B2B afterpay logo
- Amex logo
- MasterCard logo
- Stripe logo

#### Changed

- Maestro Mono Logo to a version that is more inline with the other versions

#### Removed

- Old iDeal fallback version

### 1.0.3 - 2023-10-12

#### Changed
- Updated iDeal logo

### 1.0.2 - 2023-08-18

#### Fixed
- Location for iconPathPrefix

### 1.0.1 - 2023-04-28

#### Changed
- bg color for default

### 1.0.0 - 2023-04-28

Initial release 🎉

## Recent Versions

| Version | Released |
|---|---|
| 1.2.6 | 2026-04-01 |
| 1.2.5 | 2026-02-14 |
| 1.2.4 | 2024-12-29 |
| 1.2.3 | 2024-10-11 |
| 1.2.2 | 2024-07-28 |
| 1.2.1 | 2024-06-02 |
| 1.2.0 | 2024-06-02 |
| 1.1.0 | 2024-01-30 |
| 1.0.3 | 2023-10-12 |
| 1.0.2 | 2023-08-18 |

Showing 10 of 12 versions. Full release history on https://packagento.com/siteation/magento2-hyva-icons-payment.

## Dependencies

### Require

| Package | Constraint |
|---|---|
| hyva-themes/magento2-theme-module | >=1.1.12 |

## Quality

Latest release (1.2.6) passes the Packagento QA pipeline. Verdicts below are per-cell (Magento line × PHP version) for the matrixed tools, and run-once for the static / security tiers.


### Compatibility

Each Magento line is installed on its supported PHP versions, then the module is built (DI compile + static-content deploy). Cells show passed / failed / untested; staircase gaps render as `–`.

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | not tested | not tested | – | – |
| 2.4.8 | – | not tested | not tested | – |
| 2.4.9 | – | – | not tested | not tested |


### Code Quality

Advisory checks against the module's source. Never affect the Compatibility verdict — a phpcs finding can't make a module incompatible.

#### Static Analysis

Coding standards (phpcs), mess detection (phpmd), copy-pasted code (cpd), PHP cross-version compatibility, composer.json validity. Each runs once for the whole module.

| Tool | Status | Findings | Summary |
|---|---|---|---|
| PHPCS | Pass | 0 |  |
| PHPMD | Pass | 0 |  |
| Cpd | Pass | 0 |  |
| Composer validate | Info | 2 | valid; 2 advisory notes (composer validate --strict) |

#### PHPStan

Type-checks the module against a real Magento install. Re-runs per Magento + PHP version because resolvable symbols differ between releases.

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | Error | Error | – | – |
| 2.4.8 | – | Error | Error | – |
| 2.4.9 | – | – | Error | Error |


### Tests

Unit and integration suites run per Magento + PHP cell. Test failures speak to the module's behaviour, not its compatibility with a line, so they're reported here separately.

#### Unit Tests

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | N/A | N/A | – | – |
| 2.4.8 | – | N/A | N/A | – |
| 2.4.9 | – | – | N/A | N/A |

#### Integration Tests

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | N/A | N/A | – | – |
| 2.4.8 | – | N/A | N/A | – |
| 2.4.9 | – | – | N/A | N/A |


### Security

Dependency-advisory audit (composer audit) plus a source malware scan. A malware detection fails the version outright.

| Tool | Status | Findings | Summary |
|---|---|---|---|
| Composer audit | N/A | 0 | no resolvable dependency tree to audit — Your requirements could not be resolved to an installable set of packages. Problem 1 |

## Licence and pricing

Free. A licence is still minted on checkout and bound to your project for Composer access — no payment step.

Refundable within 14 days of first purchase via https://packagento.com/account/refunds/.

## Install via Claude Code or any MCP client

The Packagento MCP server can run the licence + project + Composer steps above in one tool call:

```
purchase_and_install_packages(
  composer_names=["siteation/magento2-hyva-icons-payment"],
  project_id="proj_xxx"
)
```

This handles cart, checkout, licence minting, project activation, and writes auth.json credentials. Connect a client with `claude mcp add packagento https://mcp.packagento.com`. Full setup at https://packagento.com/docs/mcp-setup.

## Vendor

siteation is a Magento 2 vendor on Packagento. See https://packagento.com/siteation.md for their full catalogue.

