Download the PHP package siteation/magento2-icons-payment without Composer
On this page you can find all versions of the php package siteation/magento2-icons-payment. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download siteation/magento2-icons-payment
More information about siteation/magento2-icons-payment
Files in siteation/magento2-icons-payment
Package magento2-icons-payment
Short Description Payment-method icons for Magento 2. The SVG library plus view models that render an
License MIT
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package magento2-icons-payment
Siteation - Magento 2 Payment Icons
This Magento 2 module adds payment method icons to your storefront, as a library of 40 icons in three styles, with view models to render them.
Unlike most icon packs, this one is not tied to a frontend. It needs nothing but
magento/framework, so the icons render in Luma, Nebula, a custom theme or a
standalone checkout. Install it alongside Hyvä and the same call renders inline SVG
through Hyvä's own SvgIcons, so a Hyvä store keeps the theme fallback, icon cache
and Alpine handling it already has.
Installation
Install the package via:
How to use
Each style has its own view model, so you pick the look by picking the view model:
| Style | View model | Look |
|---|---|---|
default |
Siteation\IconsPayment\ViewModel\PaymentIcons |
Card with the brand logo |
flat |
Siteation\IconsPayment\ViewModel\PaymentIconsFlat |
Flat brand logo |
mono |
Siteation\IconsPayment\ViewModel\PaymentIconsMono |
Monochrome |
Preview of each style
Default
Flat
Mono
The monochrome icons are drawn with currentColor, so they take the text colour of
whatever you place them in. They are not previewed here for that reason.
Get Payment Icons in your own Template blocks.
First get the view model in your template, using the following sample:
Hyva - Sample Phtml file head
Luma - Sample Phtml file head
_For Luma templates, pass the view model as a block argument in your layout XML:_After this you can render any icon in your phtml:
What comes out depends on the store, and nothing else about the call changes:
Extra attributes land on the root element either way, so ['loading' => 'eager']
works for icons above the fold.
Sizing defaults to 24 × 24. Pass your own width and height to scale, in any ratio:
the icons are drawn on a 24 × 16 canvas and are scaled to fit the box you give
them, never stretched to fill it.
Accessibility
Pass a title when an icon is the only thing naming a payment option. It becomes the
<title> of an inline icon and the alt text of an <img>.
Without one the <img> renders alt="", which is how HTML says decorative. That is
the right default for icons sitting next to a label that repeats the same name.
What the <img> fallback cannot do
Two things need inline SVG, so they need a Hyvä store:
- Styling the icon internals from your stylesheet
- The
monostyle, whosecurrentColorfills render black inside an<img>
Available icons
abn-b2b-afterpay • alipay • amazonpay • amex • applepay • bancontact • banktransfer • belfius • biller • billie • billink • cash-on-delivery • creditcard • direct-debit • eps • giftcard • giropay • googlepay • ideal • ideal-wero • in-3 • kbc • klarna • maestro • mastercard • multibanco • mybank • payconiq • paypal • paysafecard • przelewy-24 • riverty • sepa • sofort • stripe • trustly • visa • vpay • wechatpay • wero
[!NOTE]
in3andprzelewy24are accepted as aliases ofin-3andprzelewy-24, so both spellings resolve to the same icon.
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 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!
More Siteation Modules
We have a whole suite of modules that add even more features to your store.
- StoreInfo – Use your store information directly on the storefront.
- StoreInfo USPS – Display USPS details in the header, footer, and more.
- StoreInfo Menus – Manage static menus, like footer menus, directly from the backend.
- StoreInfo Payments – Show active payment methods on the frontend without manually adding them.
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.
