↓Skip to main content
Resources for the Modern Web Resources for the Modern Web
  1. All Posts/

ecommerce-iconfont

eCommerce CSS

eCommerce Icon Font

Logos for credit cards, payment methods and gateways, cryptocurrencies and many other eCommerce related brands in an icon font or SVG format.

Icon Font Usage

Refer to the demo.html and demo.css files for instructions and examples.
The font contains 64 icons and weighs just 33-38kb for the WOFF2 or WOFF formats respectively.
You can re-generate the font with only the icons that you need by importing the src/fontello.json file to Fontello if you want to further reduce its size.

SVG Pack and Source

All icons are available in a single, organised and layered SVG file – src/all.svg which you can use for a reference.
The exported individual SVG icons, optimised with SVGO and ready for web use can be found in the svg/ directory. These are useful when you need to apply the logos as background images in the CSS.
The source SVG as well as the individual SVG icons can be modified with a vector graphics editor such as Adobe Illustrator, CorelDRAW or Inkscape.

Browser Compatibility

Icon Font: IE8+ and all modern browsers
SVG Images: IE9+ and all modern browsers

Available Icons

The logos are divided into 5 separate categories.

Credit/Debit Cards and Networks

  • MasterCard (2 Versions)
  • Maestro (2 Versions)
  • Cirrus (2 Versions)
  • VISA
  • VISA Electron
  • Plus
  • American Express (2 Versions)
  • JCB
  • Diners Club
  • Discover
  • Dankort
  • UnionPay

Payment Gateways

  • PayPal
  • Stripe
  • 2Checkout
  • Braintree
  • Authorize.Net
  • Simplify Commerce
  • Google Wallet
  • WorldPay
  • Amazon Payments
  • Paymate
  • SecureNet
  • PayLeap
  • eWAY
  • PaySimple
  • CCAvenue
  • Pin Payments
  • Skrill
  • NAB
  • First Data
  • Alipay

Cryptocurrencies and Exchanges

  • Bitcoin (3 Versions)
  • Litecoin (3 Versions)
  • Coinbase
  • BitPay
  • CoinJar
  • GoCoin
  • BIPS
  • Ripple

Platforms and Software

  • Magento
  • Bigcommerce
  • Shopify
  • LemonStand
  • WooCommerce
  • Drupal Commerce
  • PrestaShop
  • OpenCart

Security and Privacy

  • Norton
  • TRUSTe
  • McAfee
  • Trustwave
  • BBB
  • Thawte
  • GeoTrust
  • Comodo

Contribution

Please don’t create pull requests adding new icons – the contents of SVG graphics and fonts containing binary data can’t be easily previewed in a diff.
If you can’t see an icon that you need, please open a new issue and it may be considered for addition in a future release.

Appreciation

Thanks to Fontello and ttf2woff2 for generating the icon font files.

Licence and Disclaimer

Released under the CC0 1.0 Licence (Public Domain).
You are free to use, distribute, re-distribute and modify the font and all accompanying assets for any purpose as long as you respect the trademarks that are property of their respective owners.
Attribution is not required, but an HTML/CSS comment linking to the project’s website or this repository will be very much appreciated if you want to share the love and potentially point other developers inspecting your code towards this resource.



↑