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.
Install the package via;
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
.
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
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;
<?= $paymentIcons->idealHtml('p-1', 64, 48, ["aria-label" => "Pay with iDeal"]) ?>
We offer this icon pack in 3 styles:
You can now also use the SVG icons in your CMS content.
Bringing svg icon support to you CMS pages, Blocks and Widgets.
{{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
This feature is supported since Hyva v1.1.12
- For Icons packs see https://github.com/topics/hyva-icons
If you are looking for a Luma based option checkout this icon pack instead.
The payment icons used in this module were created by Siteation under a MIT License
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.