Information on Merchant Accounts,
Ecommerce and Credit Card Processing

October 7th, 2014 by Jamie Estep

Credit card logo generator and API – Updated

Filed in: Ecommerce, Merchant Accounts, Tools | 11 comments

Update 10-2014 – Added Apple Pay logo/icon. Next update will include fully dynamic sizing options. Stay tuned.

Update 11-2013 – Added transparency option. Just omit the bgcolor from the url and the background of the logos will be transparent. This allows the logo to match any background color they are placed on without trying to match up HEX colors.

Update 05-2013 – Added Bitcoin and Google Wallet.

Update 03-2013 – Added Skrill, Verified by Visa, and Mastercard Secure Code logos.

Update 08-2011 – Added ebillme and logos.

We’ve just completed a simple credit card logo generator and have included an API for web designers to use as well.

The API supports different logos for card issuers, paypal, google checkout and a few other. A developer can use the API to specify the size, background color and the order of the logos that they need on their website.

Here’s a quick tutorial and a few examples of how to use the API.

  1. Create an image tag with the root url:
  2. Next either leave the parameter bgcolor blank for the logoes to have a transparent background, or add the bgcolor parameter to specify a 3 or 6 character HEX background color for your logo. If you do not know the background color: FFF is white, 000 is black. Here is a full HEX color chart. There are also a variety of browser addons if you need to match the exact colors of your website.
  3. Next specify the actual logos that you would like to add to your site, in the order you would like to display them. Separate the logos with a pipe | character. Example: v|m|a|d for Visa then MasterCard followed by Amex and Discover.All of the available logo codes are:
    • v = Visa
    • m = MasterCard
    • d = Discover
    • a = Amex
    • g = Google Checkout
    • p = Paypal
    • bml = Bill Me Later
    • ec = eCheck
    • jcb = JCB
    • dc = Diners Club
    • s = Solo
    • me = Maestro
    • mb = Moneybookers
    • az = Amazon Payments
    • in = Interac
    • ebm = eBillme
    • 2co =
    • vbv = Verified by Visa
    • msc = Mastercard Secure Code
    • sk = Skrill
    • bit = Bitcoin
    • gw = Google Wallet
    • apl = Apple Pay
  4. Finally specify the height of the logos. The images currently come in 32px and 64px, so size accordingly allowing for a small margin around the images. We will be allowing for dynamic resizing in the future, but for now the only 2 sizes supported are 32px and 64px. Any additional height will be added as a margin.

The actual image url should look like (these are all generated through this exact API):|m|a|d&height=32

The image HTML will look like:

<img src=”|m|a|d&height=32″ />

The logo above will display as:

Card Logos

Here’s the same logo using the larger image sizes:

Card Logos

Here’s all of the currently available logos:

Card Logos
Card Logos 2
Card Logos 3
Card Logos 4

While this tool is free to use we greatly appreciate a backlink or credit if you are using images that are hosted through the API. These images are all served securely over SSL, so they may be used on secure/SSL websites and ecommerce sites without errors.

If you have no idea of what an API is or just need logos for your website, please use the credit card logo generator and ignore this post.

Thanks again.

11 Responses to “Credit card logo generator and API – Updated”

  1. Danielle Garza January 12, 2011 at 5:56 pm

    Cool generator!

  2. Harry January 18, 2011 at 9:54 am

    Oh well this story is really amazing or I may say interesting, thanks for sharing such a nice post.

  3. pegarose February 12, 2011 at 5:12 am

    perfect ! thanx

  4. packers and movers in chennai February 24, 2011 at 6:24 am

    Credit card logos are very helpful.

  5. php training chennai March 7, 2011 at 12:23 am

    Wonderful Logos.

  6. Michael Martin May 12, 2011 at 5:31 am

    Awesome idea for an API! Very simple to work and the icons look great, love what yous have done here!

  7. merchant account blog August 26, 2011 at 2:47 pm

    Thanks for the comment Michael. I know several of us have been readers of your blog for some time.

    For an update, we added ebillme and to the available logos. We will continue adding logos for popular payment methods as they are suggested to us.

  8. Nick August 27, 2011 at 12:51 pm

    Thanks for the logo generator guys. Looks like a pretty cool tool that will help me out a lot.

    • Jason September 23, 2011 at 5:04 pm

      I agree with Nick, your logo generator can help a lot of mom and pop shops just getting going.

  9. Sylvester February 7, 2014 at 2:48 am

    Great article Jamie. Keep up the good work.

  10. Kyle November 16, 2014 at 6:50 pm

    Very Cool Generator. Thanks for posting it! Glad you did because I don’t know how to use an API.


    Kyle R.