
Smashing Magazine we smash you with the information that will make your life easier. really.
Free Credit Card Icons For Online-Shops
April 25th, 2008 in Graphics | 49 Comments
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.
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.
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 53 CSS Techniques
- 50 Beautiful Designs
- 50 Simple Designs
- 45 Fresh Designs
- 30 Dark Designs
- 45 Blog Designs
- 65 Flash Designs
- Brilliant Wallpapers
- Brilliant HDR Pictures
- Brilliant Photos
- Free Design Templates
- Free CSS Layouts
- Free Icon Sets
- Free High-Quality Fonts
- Slideshows & Lightboxes
- Adobe Photoshop Tutorials
- Adobe Illustrator Tutorials
All Posts
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- Blog Designs
- Blog Headers
- Book Covers
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- CSS Expert Ideas
- CSS Float Theory
- CSS Frameworks
- CSS Free Templates
- CSS Footers
- CSS Forms 1, 2
- CSS Frameworks
- CSS Galleries
- CSS Ideas
- CSS Layouts
- CSS Menus
- CSS Print-Layouts
- CSS Specificity
- CSS Styleguides
- CSS Tables
- CSS Tutorials
- CSS-Techniques
- CSS Tools
- Data Grids and Tables
- Data Visualization 1, 2
- Date Stamps
- Design Books 1, 2
- Design Magazines
- Designer's Checkpoints
- Domain Tools
- Dreamweaver Tutorials
- E-Mail Delivery
- Favicons 1, 2, 3, 4, 5, 6
- Firefox Themes
- Fireworks Tutorials
- Flash Designs
- Flash Slideshows
- Flash Tutorials
- Fonts 1, 2, 3, 4
- Forums
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Design
- Handwriting and Lettering
- Hotkeys
- HDR Pictures
- HTML Template Systems
- Icon Sets 1, 2, 3, 4
- Icons, Templates 1, 2, 3
- Illustrator Tutorials 1, 2
- Laptop Sleeves
- Laptop Designs
- Link Building
- Mascots
- Motion Graphics
- Music Videos
- Navigation Menus
- Newspaper Designs
- Online Converters
- Online Generators
- Pagination
- PDF Magazines
- Photoshop Tutorials 1, 2
- Pixel art
- PNG Transparency
- Portfolios
- RSS Best Design Practices
- RSS Icons
- Screensavers
- SEO Tools
- Shopping Carts
- Short Movies
- Slideshows & Lightboxes
- Splash Pages
- Start Pages
- Stock Icons
- Tab-Based Interfaces
- Tag Clouds
- Textures & Backgrounds
- Tooltips Scripts
- Tutorials
- Typefaces 1, 2
- Type Setting Principles
- Typographic Posters
- Typography In Motion
- Typography Showcase
- Usability Books
- Usability Glossary
- Usability Nightmares
- Usability Principles
- User Interfaces
- Vintage and Retro
- Wallpapers 1, 2, 3, 4
- Web 2.0 Tutorials
- Web Profis Ideas 1, 2
- Whitespace & Simplicity
- Wordpress Plugins
- Wordpress Themes 1, 2, 3, 4
Webtips
Sideblog
Ross Johnson discusses 8 forgotten fonts you may use in CSS. Among them are Palatino Linotype, Century Gothic, Copperplate and Gill Sans — apparently, these fonts are installed on a variety of operating systems.
How creative can a table of contents be? Designobserver presents Thirty Tables of Contents. The collection includes excerpts from the books by Philip Larkin, Philip Roth, Paul Rand and Jan Tschichold.
A set of 18 splendid and colorful looking 3D RSS-Icons. They are done with 3d Studio Max. JPG.

In Font Clock 12 different fonts are printed within the mechanism of a clock, providing a random, mixed display of graphic language within a single time piece. Designed by Sebastian Wrong.
One pixel notched corners as used by Google Analytics. Instead of each option being boxed in a clickable rectangle, there is a 1px notch in each corner. It's not necessarily a curved corner, but it is a little softer than a normal box. Nice little trick.
Hartija is a CSS print framework which is an attempt to unite best CSS printing practices into one single CSS-file.
Rather than standard website templates, a free admin template is nearly impossible to find. This is an admin template which you can use for web applications like online-shops or CMS.

Fully Personal Interface research is a survey where people are questioned about their interface preferences. Results: labels and icons should be placed on the left, horizontal menus are more popular than vertical ones.





Tom (April 25th, 2008, 4:51 am)
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:
Paul Nowak (April 25th, 2008, 5:28 am)
Great summary and awesome timing - I’m designing frontend for my shop right about now :)
flko (April 25th, 2008, 5:39 am)
muy bueeeno
Link [www.quintohache.com]
si (April 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…
Cosmi (April 25th, 2008, 6:45 am)
Nice, useful
Volker (April 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.
Erika (April 25th, 2008, 7:12 am)
Great collection!
Yuri (April 25th, 2008, 7:34 am)
perfect timing finding this! they are great, thanks!
Welcome to Paradise (April 25th, 2008, 7:56 am)
Cool thanks smashing for these beautiful icons. loved it.
FavBrowser.com (April 25th, 2008, 8:19 am)
Thanks. Anyone got some cheque, wire icons?
sneev (April 25th, 2008, 11:58 am)
trash your pc and get a mac .
Luc (April 25th, 2008, 7:24 pm)
Thanks! I need these :)
Torley (April 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! =)
mienflying (April 25th, 2008, 9:32 pm)
It’s so cool, I have seek for them for days!
thank you so much
Shane (April 26th, 2008, 4:27 am)
Nice selection thanks.
Lukas Rieder (April 28th, 2008, 8:48 am)
Nice selection. Will add this to my current project!
Have a nice day!
DaveFan (April 29th, 2008, 8:41 am)
More icons for debit cards and e-checks would be useful… just like Dave Ramsey, I hate credit cards.
Scott C (May 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.