Font Awesome 提供了与支付和付款相关的图标,适用于表示不同的支付方式、交易、信用卡等。以下是一些常见的付款类图标及其用法:
常见付款图标
- 信用卡(Credit Card):
<i class="fas fa-credit-card"></i>
- 支付(PayPal):
<i class="fab fa-paypal"></i>
- 货币(Dollar Sign):
<i class="fas fa-dollar-sign"></i>
- 银行卡(Bank):
<i class="fas fa-university"></i> <!-- 银行 -->
- 钱包(Wallet):
<i class="fas fa-wallet"></i>
- 购物车(Shopping Cart):
<i class="fas fa-shopping-cart"></i>
- 比特币(Bitcoin):
<i class="fab fa-bitcoin"></i>
- 以太坊(Ethereum):
<i class="fab fa-ethereum"></i>
- 万事达卡(Mastercard):
<i class="fab fa-cc-mastercard"></i>
- 维萨卡(Visa):
<i class="fab fa-cc-visa"></i>
- 借记卡(Debit Card):
<i class="fab fa-cc-diners-club"></i>
- 支付方式选择(Payment Method):
<i class="fas fa-credit-card"></i> <!-- 信用卡 --> <i class="fab fa-cc-amex"></i> <!-- American Express --> <i class="fab fa-cc-discover"></i> <!-- Discover -->
- Apple Pay:
<i class="fab fa-apple-pay"></i>
- Google Pay:
<i class="fab fa-google-pay"></i>
如何使用
- 在 HTML 文件中引入 Font Awesome CDN:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
- 使用相应的付款图标类:
<i class="fas fa-credit-card"></i> <!-- 信用卡图标 -->
查看完整图标库
你可以在 Font Awesome 官网查看所有付款相关的图标:Font Awesome Icons – Payment
如果你需要更多付款图标或其他帮助,请告诉我!
发表回复