tweemeterstudio/payment-icons
Composer 安装命令：
composer require tweemeterstudio/payment-icons
包简介
Payment Provider Icons with font-awesome-style markup.
README 文档
README
Payment Provider Icons with almost kinda font-awesome-style markup. Demo: https://jaspervandermeer.com/payment-icons/
| TODO |
|---|
| Optimize the SVG |
| Add multiple icon sizes with an extra css class |
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, 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
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:
Download the zip of this repo, extract its folder to your project.
Integration in your project
Include the following line in the <head> of your document:
<link href="/path/to/payment-icons/payment-icons.min.css">
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
To use the payment icons you can simply include
<ins class="pi-payment-icons">
<i class="pi pi-paypal"></i>
<i class="pi pi-mastercard"></i>
<i class="pi pi-ideal"></i>
</ins>
to your page, where the classes of the <i> as children of the <ins> 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
| Payment Provider | CSS Class |
|---|---|
| PayPal | 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
All logos, designs, brands and names are © to their respective owners. Original icon design by Spektrum 44 on Behance.
Thank you 💙
tweemeterstudio/payment-icons 适用场景与选型建议
tweemeterstudio/payment-icons 是一款 基于 HTML 开发的 Composer 扩展包，目前已累计 5 次下载、GitHub Stars 达 1， 最近一次更新时间为 2020 年 04 月 30 日， 在 PHP 生态内属于活跃度较高的组件。
它主要适用于以下技术方向： 「payment」 「interface」 「icons」 「svg-icons」 等业务场景。在实际项目中，围绕这些方向常见需要落地的问题包括：接口对接、性能调优、并发安全、与既有框架（Laravel / ThinkPHP / Yii / Webman 等）的兼容适配，以及生产环境的日志埋点与稳定性保障。
我们在过去多个企业项目中使用过 tweemeterstudio/payment-icons 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。
基于 tweemeterstudio/payment-icons 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。
线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。
承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。
与 tweemeterstudio/payment-icons 相关的其它包
同方向 / 同关键字的高下载量 PHP Composer 包推荐，方便对比选型：
A simple library of SVG page type icons for enhancing your SilverStripe CMS interface.
A Filament plugin that integrates tabler icons, allowing you to use them seamlessly across Filament forms, tables, actions, and more.
Craft CMS Twig extension to include SVGs from the Feather and Zondicons SVG icon libraries directly in your templates.
Render small SVG icons to monochrome ANSI for terminal UIs (Laravel/Prompts, Symfony Console, plain CLI).
Standard PHP Library Extension featuring an ExceptionInterface.
WordPress Option
统计信息
- 总下载量： 5
- 月度下载量： 0
- 日度下载量： 0
- 收藏数： 1
- 点击次数： 9
- 依赖项目数： 0
- 推荐数： 0
其他信息
- 授权协议： MIT
- 更新时间： 2020-04-30