This page requires a Javascript enabled browser
<< Back | Main Menu | FAQ | [?]

Payment & Credit Card Icons

Accept payment online? Add these payment icons to increase conversions!

Local: CSS/JS files (add code to <HEAD> section):

?
1
2
<!-- DC Payment Icons CSS -->
<link rel="stylesheet" type="text/css" href="dcodes/payment_icons/dc_payment_icons.css" />

Hosted: CSS/JS files (add code to <HEAD> section):

?
1
2
<!-- DC Payment Icons CSS -->
<link rel="stylesheet" type="text/css" href="http://cdn.dcodes.net/2/payment_icons/dc_payment_icons.css" />

Glossy 75px

View code:

?
1
2
3
4
5
6
7
8
<span class="dc_payment_icons_glossy_75 dc_visa_glossy" title="Visa"></span>
<span class="dc_payment_icons_glossy_75 dc_mastercard_glossy" title="Mastercard"></span>
<span class="dc_payment_icons_glossy_75 dc_americanexpress_glossy" title="American Express"></span>
<span class="dc_payment_icons_glossy_75 dc_discover_glossy" title="Discover"></span>
<span class="dc_payment_icons_glossy_75 dc_paypal_glossy" title="PayPal"></span>
<span class="dc_payment_icons_glossy_75 dc_maestro_glossy" title="Maestro"></span>
<span class="dc_payment_icons_glossy_75 dc_cirrus_glossy" title="Cirrus"></span>
<span class="dc_payment_icons_glossy_75 dc_visaelectron_glossy" title="Visa Electron"></span>

Glossy 50px

View code:

?
1
2
3
4
5
6
7
8
<span class="dc_payment_icons_glossy_50 dc_visa_glossy" title="Visa"></span>
<span class="dc_payment_icons_glossy_50 dc_mastercard_glossy" title="Mastercard"></span>
<span class="dc_payment_icons_glossy_50 dc_americanexpress_glossy" title="American Express"></span>
<span class="dc_payment_icons_glossy_50 dc_discover_glossy" title="Discover"></span>
<span class="dc_payment_icons_glossy_50 dc_paypal_glossy" title="PayPal"></span>
<span class="dc_payment_icons_glossy_50 dc_maestro_glossy" title="Maestro"></span>
<span class="dc_payment_icons_glossy_50 dc_cirrus_glossy" title="Cirrus"></span>
<span class="dc_payment_icons_glossy_50 dc_visaelectron_glossy" title="Visa Electron"></span>

Bevel 64px

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<span class="dc_payment_icons_bevel_64 dc_visa_bevel" title="Visa"></span>
<span class="dc_payment_icons_bevel_64 dc_visa02_bevel" title="Visa"></span>
<span class="dc_payment_icons_bevel_64 dc_mastercard_bevel" title="Mastercard"></span>
<span class="dc_payment_icons_bevel_64 dc_americanexpress_bevel" title="American Express"></span>
<span class="dc_payment_icons_bevel_64 dc_americanexpress02_bevel" title="American Express"></span>
<span class="dc_payment_icons_bevel_64 dc_discover_bevel" title="Discover"></span>
<span class="dc_payment_icons_bevel_64 dc_dinersclub_bevel" title="Diners Club"></span>
<span class="dc_payment_icons_bevel_64 dc_visaelectron_bevel" title="Visa Electron"></span>
<span class="dc_payment_icons_bevel_64 dc_maestro_bevel" title="Maestro"></span>
<span class="dc_payment_icons_bevel_64 dc_cirrus_bevel" title="Cirrus"></span>
<span class="dc_payment_icons_bevel_64 dc_westernunion02_bevel" title="Western Union"></span>
<span class="dc_payment_icons_bevel_64 dc_switch_bevel" title="Switch"></span>
<span class="dc_payment_icons_bevel_64 dc_delta_bevel" title="Delta"></span>
<span class="dc_payment_icons_bevel_64 dc_solo_bevel" title="Solo"></span>
<span class="dc_payment_icons_bevel_64 dc_westernunion_bevel" title="Western Union"></span>
<span class="dc_payment_icons_bevel_64 dc_paypal_bevel" title="PayPal"></span>
<span class="dc_payment_icons_bevel_64 dc_worldpay_bevel" title="WorldPay"></span>
<span class="dc_payment_icons_bevel_64 dc_westernunion03_bevel" title="Western Union"></span>
<span class="dc_payment_icons_bevel_64 dc_egold_bevel" title="Egold"></span>
<span class="dc_payment_icons_bevel_64 dc_wirecard_bevel" title="Wire"></span>
<span class="dc_payment_icons_bevel_64 dc_directdebit_bevel" title="Direct Debit"></span>

Bevel 48px

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<span class="dc_payment_icons_bevel_48 dc_visa_bevel" title="Visa"></span>
<span class="dc_payment_icons_bevel_48 dc_visa02_bevel" title="Visa"></span>
<span class="dc_payment_icons_bevel_48 dc_mastercard_bevel" title="Mastercard"></span>
<span class="dc_payment_icons_bevel_48 dc_americanexpress_bevel" title="American Express"></span>
<span class="dc_payment_icons_bevel_48 dc_americanexpress02_bevel" title="American Express"></span>
<span class="dc_payment_icons_bevel_48 dc_discover_bevel" title="Discover"></span>
<span class="dc_payment_icons_bevel_48 dc_dinersclub_bevel" title="Diners Club"></span>
<span class="dc_payment_icons_bevel_48 dc_visaelectron_bevel" title="Visa Electron"></span>
<span class="dc_payment_icons_bevel_48 dc_maestro_bevel" title="Maestro"></span>
<span class="dc_payment_icons_bevel_48 dc_cirrus_bevel" title="Cirrus"></span>
<span class="dc_payment_icons_bevel_48 dc_westernunion02_bevel" title="Western Union"></span>
<span class="dc_payment_icons_bevel_48 dc_switch_bevel" title="Switch"></span>
<span class="dc_payment_icons_bevel_48 dc_delta_bevel" title="Delta"></span>
<span class="dc_payment_icons_bevel_48 dc_solo_bevel" title="Solo"></span>
<span class="dc_payment_icons_bevel_48 dc_westernunion_bevel" title="Western Union"></span>
<span class="dc_payment_icons_bevel_48 dc_paypal_bevel" title="PayPal"></span>
<span class="dc_payment_icons_bevel_48 dc_worldpay_bevel" title="WorldPay"></span>
<span class="dc_payment_icons_bevel_48 dc_westernunion03_bevel" title="Western Union"></span>
<span class="dc_payment_icons_bevel_48 dc_egold_bevel" title="Egold"></span>
<span class="dc_payment_icons_bevel_48 dc_wirecard_bevel" title="Wire"></span>
<span class="dc_payment_icons_bevel_48 dc_directdebit_bevel" title="Direct Debit"></span>

Bevel 32px

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<span class="dc_payment_icons_bevel_32 dc_visa_bevel" title="Visa"></span>
<span class="dc_payment_icons_bevel_32 dc_visa02_bevel" title="Visa"></span>
<span class="dc_payment_icons_bevel_32 dc_mastercard_bevel" title="Mastercard"></span>
<span class="dc_payment_icons_bevel_32 dc_americanexpress_bevel" title="American Express"></span>
<span class="dc_payment_icons_bevel_32 dc_americanexpress02_bevel" title="American Express"></span>
<span class="dc_payment_icons_bevel_32 dc_discover_bevel" title="Discover"></span>
<span class="dc_payment_icons_bevel_32 dc_dinersclub_bevel" title="Diners Club"></span>
<span class="dc_payment_icons_bevel_32 dc_visaelectron_bevel" title="Visa Electron"></span>
<span class="dc_payment_icons_bevel_32 dc_maestro_bevel" title="Maestro"></span>
<span class="dc_payment_icons_bevel_32 dc_cirrus_bevel" title="Cirrus"></span>
<span class="dc_payment_icons_bevel_32 dc_westernunion02_bevel" title="Western Union"></span>
<span class="dc_payment_icons_bevel_32 dc_switch_bevel" title="Switch"></span>
<span class="dc_payment_icons_bevel_32 dc_delta_bevel" title="Delta"></span>
<span class="dc_payment_icons_bevel_32 dc_solo_bevel" title="Solo"></span>
<span class="dc_payment_icons_bevel_32 dc_westernunion_bevel" title="Western Union"></span>
<span class="dc_payment_icons_bevel_32 dc_paypal_bevel" title="PayPal"></span>
<span class="dc_payment_icons_bevel_32 dc_worldpay_bevel" title="WorldPay"></span>
<span class="dc_payment_icons_bevel_32 dc_westernunion03_bevel" title="Western Union"></span>
<span class="dc_payment_icons_bevel_32 dc_egold_bevel" title="Egold"></span>
<span class="dc_payment_icons_bevel_32 dc_wirecard_bevel" title="Wire"></span>
<span class="dc_payment_icons_bevel_32 dc_directdebit_bevel" title="Direct Debit"></span>

Super Mini

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<span class="dc_payment_icons_smini_32 dc_visa_alt_smini" title="Visa"></span>
<span class="dc_payment_icons_smini_32 dc_visa_smini" title="Visa"></span>
<span class="dc_payment_icons_smini_32 dc_mastercard_alt_smini" title="Mastercard"></span>
<span class="dc_payment_icons_smini_32 dc_mastercard_smini" title="Mastercard"></span>
<span class="dc_payment_icons_smini_32 dc_amex_alt_smini" title="American Express"></span>
<span class="dc_payment_icons_smini_32 dc_amex_smini" title="American Express"></span>
<span class="dc_payment_icons_smini_32 dc_discover_alt_smini" title="Discover Card"></span>
<span class="dc_payment_icons_smini_32 dc_discover_smini" title="Discover Card"></span>
<span class="dc_payment_icons_smini_32 dc_generic_2_smini" title="Credit Card"></span>
<span class="dc_payment_icons_smini_32 dc_gold_smini" title="Gold Credit Card"></span>
<span class="dc_payment_icons_smini_32 dc_generic_1_smini" title="Credit Card"></span>
<span class="dc_payment_icons_smini_32 dc_ccv_smini" title="CCV"></span>
<span class="dc_payment_icons_smini_32 dc_debit_smini" title="Debit"></span>
<span class="dc_payment_icons_smini_32 dc_credit_smini" title="Credit Card"></span>
<span class="dc_payment_icons_smini_32 dc_echeck_smini" title="eCheck"></span>
<span class="dc_payment_icons_smini_32 dc_paypal_smini" title="PayPal"></span>
<span class="dc_payment_icons_smini_32 dc_skrill_smini" title="Skrill"></span>
<span class="dc_payment_icons_smini_32 dc_amazon_smini" title="Amazon Payments"></span>
<span class="dc_payment_icons_smini_32 dc_googleckout_smini" title="Google Checkout"></span>
<span class="dc_payment_icons_smini_32 dc_solo_smini" title="Solo"></span>
<span class="dc_payment_icons_smini_32 dc_gift_alt_smini" title="Gift"></span>
<span class="dc_payment_icons_smini_32 dc_gift_smini" title="Gift"></span>
<span class="dc_payment_icons_smini_32 dc_coupon_smini" title="Coupon"></span>
<span class="dc_payment_icons_smini_32 dc_bank_smini" title="Bank Card"></span>
<span class="dc_payment_icons_smini_32 dc_cash_smini" title="Cash"></span>

Mini

View code:

?
1
2
3
4
5
6
7
8
9
10
<span class="dc_payment_icons_mini_43 dc_visa2_mini" title="Visa"></span>
<span class="dc_payment_icons_mini_43 dc_mastercard2_mini" title="Mastercard"></span>
<span class="dc_payment_icons_mini_43 dc_amex2_mini" title="American Express"></span>
<span class="dc_payment_icons_mini_43 dc_discover2_mini" title="Discover"></span>
<span class="dc_payment_icons_mini_43 dc_electron2_mini" title="Visa Electron"></span>
<span class="dc_payment_icons_mini_43 dc_cirrus2_mini" title="Cirrus"></span>
<span class="dc_payment_icons_mini_43 dc_ccv2_mini" title="CCV"></span>
<span class="dc_payment_icons_mini_43 dc_paypal2_mini" title="PayPal"></span>
<span class="dc_payment_icons_mini_43 dc_amazon2_mini" title="Amazon Payments"></span>
<span class="dc_payment_icons_mini_43 dc_googleckout2_mini" title="Google Checkout"></span>

Flat 54px

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<span class="dc_payment_icons_flat_54 dc_visa_flat" title="Visa Electron"></span>
<span class="dc_payment_icons_flat_54 dc_mastercard_flat" title="MasterCard"></span>
<span class="dc_payment_icons_flat_54 dc_american_express_flat" title="American Express"></span>
<span class="dc_payment_icons_flat_54 dc_paypal_flat" title="PayPal"></span>
<span class="dc_payment_icons_flat_54 dc_cirrus_flat" title="Cirrus"></span>
<span class="dc_payment_icons_flat_54 dc_delta_flat" title="Delta"></span>
<span class="dc_payment_icons_flat_54 dc_direct_debit_flat" title="Direct Debit"></span>
<span class="dc_payment_icons_flat_54 dc_discover_flat" title="Discover"></span>
<span class="dc_payment_icons_flat_54 dc_maestro_flat" title="Maestro"></span>
<span class="dc_payment_icons_flat_54 dc_skrill_flat" title="Skrill"></span>       
<span class="dc_payment_icons_flat_54 dc_solo_flat" title="Solo"></span>
<span class="dc_payment_icons_flat_54 dc_switch_flat" title="Switch"></span>
<span class="dc_payment_icons_flat_54 dc_visa_electron_flat" title="Visa"></span>
<span class="dc_payment_icons_flat_54 dc_western_union_flat" title="Western Union"></span>

Flat 32px

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<span class="dc_payment_icons_flat_32 dc_visa_flat" title="Visa Electron"></span>
<span class="dc_payment_icons_flat_32 dc_mastercard_flat" title="MasterCard"></span>
<span class="dc_payment_icons_flat_32 dc_american_express_flat" title="American Express"></span>
<span class="dc_payment_icons_flat_32 dc_paypal_flat" title="PayPal"></span>
<span class="dc_payment_icons_flat_32 dc_cirrus_flat" title="Cirrus"></span>
<span class="dc_payment_icons_flat_32 dc_delta_flat" title="Delta"></span>
<span class="dc_payment_icons_flat_32 dc_direct_debit_flat" title="Direct Debit"></span>
<span class="dc_payment_icons_flat_32 dc_discover_flat" title="Discover"></span>
<span class="dc_payment_icons_flat_32 dc_maestro_flat" title="Maestro"></span>
<span class="dc_payment_icons_flat_32 dc_skrill_flat" title="Skrill"></span>       
<span class="dc_payment_icons_flat_32 dc_solo_flat" title="Solo"></span>
<span class="dc_payment_icons_flat_32 dc_switch_flat" title="Switch"></span>
<span class="dc_payment_icons_flat_32 dc_visa_electron_flat" title="Visa"></span>
<span class="dc_payment_icons_flat_32 dc_western_union_flat" title="Western Union"></span>

CCV / Check

View code:

?
1
2
<span class="dc_payment_icons_card_back" title="Card security code (CCV)"></span>
<span class="dc_payment_icons_check_back" title="Check"></span>


© TemplateAccess