Smashing Magazine - we smash you with the information that will make your life easier. really.
Free Credit Card Icons For Online-Shops
Credit card icons are an essential part of every online-shop. They are often used to indicate available payment conditions and purchasing options. The clearer they are presented in the online-shop, the easier it is for potential customers to figure out if they actually can pay online in this shop. Therefore when it comes to the design of an online-shop there is no way to get around using some credit card icons.
If you need some specific credit card icons — for instance the icons of a regional bank in your country, make sure to visit the official site of the bank first to get the most recent icons. They are usually presented in the sections titled “logo center”, “brand materials”, “media center” etc. Credit cards may also look differently depending on the country they are supposed to be used in.
[Offtopic: by the way, do you know the Smashing Network has its own Smashing Network RSS Feed? Only excerpts are displayed in the feed.]
Official Credit Card Icons
Below you’ll find credit card graphics which is available on official web-sites of PayPal, MasterCard etc. for free download and usage.
PayPal Online Logo Center presents three types of graphics, among them logos, acceptance marks and badges in various sizes.
Mastercard offers Brand Materials. To download the images you need to register first. You can select between acceptance marks and brand marks.
American Express offers Logos & Supplies. Over 20 vertical and horizontal logos, badges and images are available. However, to download you need to enter your merchant account number.
Finally, Visa has Downloadable Assets — cards, logos and photos for different regions.
Credit Cards Icons and Icon Sets
Below you’ll find collected icons and designed icon sets related to credit cards. Please notice that some designs may be outdated: for instance, the Visa credit card icon with a blue stripe at the top and the yellow stripe at the bottom isn’t valid any longer.
Free Credit Card Logos & Images presents over 75 credit card logos to choose from — Visa, Mastercard, American Express, Discover Card, PayPal and the combinations of these logos. You’ll also find further related images — for instance the image which indicates the digit verification number as presented below.
VirtuaLNK Credit Card Icons is a set of 3D Icons which are supposed to “bring a unique appearance to any website and/or documentation”. The icon set includes Visa, MasterCard, Discover, Amex, e-Check and PayPal-logos in 48×48px and 72×72px. The images are available in a variety of file types — icns, ico, bmp, gif, png and jpg which is why the whole package is pretty large (12 Mb).
Images Of Credit Cards: a classic in a variety of sizes collected by Infomerchant.com.
Kjelle20’s Credit Cards presents the SweBank credit card icon which comes in 5 colors. The size (256×256px) may be too big for an online shop.
Credit Cards Pixel Iconset is a fresh icon set designed by Zeusbox Studio. It consists of 4 icons and an empty template for your future designs. Source file (PSD) is included, and you can easily change the card colors with Hue/Saturation layer. To change the card color, just double click the layer and change the Hue.
Vitaly Friedman, editor-in-chief of Smashing Magazine (www.smashingmagazine.com), an online magazine dedicated to designers and developers.
(2 votes, average: 5.00 out of 5)
Loading ...- 74 Comments
- 1
- 2
April 25th, 2008 5:28 amGreat summary and awesome timing – I’m designing frontend for my shop right about now :)
- 3April 25th, 2008 6:36 am
when I access this page, my Kaspersky(anti virus software) told me that this page is infected by “Trojan-Spy.HTML.Fraud.gen “.
i hope it’s incorrect… - 4April 25th, 2008 6:45 am
Nice, useful
- 5April 25th, 2008 6:57 am
Interessant wären auch Icons / Logos für weitere Bezahlverfahren wie Überweisung, Bankeinzug, per Rechnung, wenn man die verschiedenen Verfahren illustrieren möchte. Nicht nur die Kreditkartenzahlung.
- 6April 25th, 2008 7:12 am
Great collection!
- 7April 25th, 2008 7:34 am
perfect timing finding this! they are great, thanks!
- 8April 25th, 2008 7:56 am
Cool thanks smashing for these beautiful icons. loved it.
- 9April 25th, 2008 11:58 am
trash your pc and get a mac .
- 10April 25th, 2008 7:24 pm
Thanks! I need these :)
- 11April 25th, 2008 7:53 pm
Smashing Magazine is well-renowned for publishing useful compilation after compilation in all sorts of specialized, yet useful areas — this is certainly a fine example. Thanks for these free credit card icons, I don’t need any at the moment but have taken note to come back.
On a related note, however, are these all compliant with the original trademarks? I’m not intimately familiar with how restrictive these companies are with usage of their logos, but am certainly curious.
T’care! =)
- 12April 25th, 2008 9:32 pm
It’s so cool, I have seek for them for days!
thank you so much
- 13April 26th, 2008 4:27 am
Nice selection thanks.
- 14April 28th, 2008 8:48 am
Nice selection. Will add this to my current project!
Have a nice day!
- 15April 29th, 2008 8:41 am
More icons for debit cards and e-checks would be useful… just like Dave Ramsey, I hate credit cards.
- 16May 9th, 2008 10:46 am
I don’t hate credit cards. I bill my advertising and essentially every other bill to my american express card. I earn a free plane ticket about every two years, plus i don’t have to pay for rental car insurance when I travel, and everything I buy on my amex has the warranty doubled. I am sure there is also some price-matching service with it but I haven’t cared enough to look into it.
- 17July 9th, 2009 11:01 pm
comments closed. too much spamming here.
- 00
There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.
Interact
Popular
- 100 Wordpress Themes
- Photoshop Tutorials
- Fantastic Wallpapers
- 40+ Excellent Freefonts
- Dual-Screen Wallpapers
- Wordpress Themes for 2009
- Illustrator Tutorials
- Incredible Free Icon Sets
- High-Quality Free Fonts
- 30 Scripts For Galleries
- Photoshop Text Effects
- Useful Icon Sets
- Web Design Trends
- iPhone Wallpapers
- Before Launching a Website
- CSS Layouts And Templates
- Photoshop Actions
- Stunning Pictures and Photos
- Fantastic HDR Pictures
- Logo Design Tutorials
- Free Design Templates
- 10 Mistakes In Logo Design
- Photoshop Custom Shapes
- 40 Creative Design Layouts
- 8 Layout Solutions
- 53 CSS Techniques
- Photography Techniques
- Black & White Photography
- Styling Design Elements
- CSS-Based Forms
- 50 jQuery Techniques
- 50 Portfolio Websites
- 50 CSS Techniques
- Creative Logo Designs
- Desktop Wallpapers
- 25 Open Source Mac Apps
- 50 Free Icon Sets
- @jchristopher it's our pleasure, Jonathan.
- HTML5 vs. Flash - http://remysharp.com/2010/02/08/html5-vs-flash/
- Learn Something Every Day: a nice little blog updated every day - http://bit.ly/rmcES
- We’re Ready for CSS3, but are we Ready for CSS3? - http://bit.ly/cKN7Bz
- lovely-css: a grid-based CSS framework - http://bit.ly/ayA0wb
- How The CSS Selector nth-child Works - http://bit.ly/cgPMqe
- 33 New High Quality Adobe Illustrator Tutorials - http://bit.ly/bTgFbu
Please note that those VISA logos are old and not used any more (the ones with the blue bar [PANTONE 286] on top and gold bar [PANTONE 137] on bottom).
Good stuff though! (c: