SVG Credit Card & Payment Icons: 6 Styles, 80 Icons
A collection of SVG based credit card logo icons.
See blog article.
Name |
Flat |
Flat Rounded |
Logo |
Logo Border |
Mono |
Mono Outline |
Alipay |
![Alipay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/alipay.svg) |
![Alipay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/alipay.svg) |
![Alipay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/alipay.svg) |
![Alipay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/alipay.svg) |
![Alipay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/alipay.svg) |
![Alipay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/alipay.svg) |
American Express |
![American Express](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/amex.svg) |
![American Express](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/amex.svg) |
![American Express](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/amex.svg) |
![American Express](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/amex.svg) |
![American Express](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/amex.svg) |
![American Express](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/amex.svg) |
Diners |
![Diners](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/diners.svg) |
![Diners](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/diners.svg) |
![Diners](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/diners.svg) |
![Diners](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/diners.svg) |
![Diners](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/diners.svg) |
![Diners](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/diners.svg) |
Discover |
![Discover](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/discover.svg) |
![Discover](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/discover.svg) |
![Discover](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/discover.svg) |
![Discover](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/discover.svg) |
![Discover](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/discover.svg) |
![Discover](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/discover.svg) |
Elo |
![Elo](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/elo.svg) |
![Elo](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/elo.svg) |
![Elo](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/elo.svg) |
![Elo](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/elo.svg) |
![Elo](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/elo.svg) |
![Elo](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/elo.svg) |
Hiper |
![Hiper](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/hiper.svg) |
![Hiper](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/hiper.svg) |
![Hiper](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/hiper.svg) |
![Hiper](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/hiper.svg) |
![Hiper](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/hiper.svg) |
![Hiper](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/hiper.svg) |
Hipercard |
![Hipercard](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/hipercard.svg) |
![Hipercard](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/hipercard.svg) |
![Hipercard](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/hipercard.svg) |
![Hipercard](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/hipercard.svg) |
![Hipercard](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/hipercard.svg) |
![Hipercard](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/hipercard.svg) |
JCB |
![JCB](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/jcb.svg) |
![JCB](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/jcb.svg) |
![JCB](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/jcb.svg) |
![JCB](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/jcb.svg) |
![JCB](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/jcb.svg) |
![JCB](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/jcb.svg) |
Maestro |
![Maestro](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/maestro.svg) |
![Maestro](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/maestro.svg) |
![Maestro](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/maestro.svg) |
![Maestro](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/maestro.svg) |
![Maestro](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/maestro.svg) |
![Maestro](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/maestro.svg) |
MasterCard |
![MasterCard](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/mastercard.svg) |
![MasterCard](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/mastercard.svg) |
![MasterCard](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/mastercard.svg) |
![MasterCard](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/mastercard.svg) |
![MasterCard](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/mastercard.svg) |
![MasterCard](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/mastercard.svg) |
Mir |
![Mir](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/mir.svg) |
![Mir](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/mir.svg) |
![Mir](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/mir.svg) |
![Mir](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/mir.svg) |
![Mir](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/mir.svg) |
![Mir](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/mir.svg) |
PayPal |
![PayPal](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/paypal.svg) |
![PayPal](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/paypal.svg) |
![PayPal](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/paypal.svg) |
![PayPal](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/paypal.svg) |
![PayPal](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/paypal.svg) |
![PayPal](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/paypal.svg) |
UnionPay |
![UnionPay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/unionpay.svg) |
![UnionPay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/unionpay.svg) |
![UnionPay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/unionpay.svg) |
![UnionPay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/unionpay.svg) |
![UnionPay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/unionpay.svg) |
![UnionPay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/unionpay.svg) |
Visa |
![Visa](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/visa.svg) |
![UnionPay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/visa.svg) |
![UnionPay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo/visa.svg) |
![UnionPay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/logo-border/visa.svg) |
![UnionPay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/visa.svg) |
![UnionPay](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/visa.svg) |
Generic Card |
![Generic Card](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/generic.svg) |
![Visa](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/generic.svg) |
N/A |
N/A |
![Visa](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/generic.svg) |
![Visa](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/generic.svg) |
Security Code |
![Security Code](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat/code.svg) |
![Security Code](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/flat-rounded/code.svg) |
N/A |
N/A |
![Security Code](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono/code.svg) |
![Security Code](https://raw.githubusercontent.com/serhanni/svg-credit-card-payment-icons/master/mono-outline/code.svg) |