GithubHelp home page GithubHelp logo

alexanderpoellmann / paymentfont Goto Github PK

View Code? Open in Web Editor NEW
1.6K 36.0 134.0 1.53 MB

A sleek webfont featuring your favourite payment methods

Home Page: https://paymentfont.com

License: MIT License

CSS 100.00%
icons icon-pack webfont money cash credit-cards payment paymentfont

paymentfont's Introduction

PaymentFont 1.2.5

A sleek webfont for your favourite payment operators and methods. Get started at PaymentFont.com!

Originally made for our WooCommerce Payment Methods Plugin for WordPress:

WooCommerce Payment Methods

Getting Started

Install with Bower

$ bower install paymentfont

Install with npm

$ npm install paymentfont

Install with Composer

$ composer require alexanderpoellmann/paymentfont

Then copy the font files into your project, include the CSS file or import the Sass/Less file and there you go, now you can place the icons wherever you want like so:

<i class="pf pf-stripe"></i> Stripe

Get started at PaymentFont.com!

Included Icons

Here's an incomplete list of the included icons:

  • Amazon
  • American Express
  • Apple Pay (new in 0.2.0)
  • ATM
  • Bancontact/Mister Cash (new in 0.2.0)
  • Bank Transfer
  • Bankomat
  • Bitcoin
  • Braintree
  • Carta Si
  • Cash
  • Cash on Delivery
  • Cash on Pickup (new in 0.2.0)
  • cashcloud (new in 1.0.1)
  • CB
  • Cirrus
  • ClickAndBuy
  • Credit Card
  • Dankort (new in 0.2.0)
  • Diners Club
  • Discover
  • EC (Electronic Cash)
  • elo (new in 1.0.0)
  • EPS
  • Fattura
  • Facture
  • Flattr
  • Giropay
  • Gratipay (replaces Gittip, since 1.0.0)
  • Google Wallet
  • Ideal
  • Invoice
  • JCB
  • Maestro
  • Mastercard
  • Mastercard Securecode
  • Mercado Pago (new in 1.0.0)
  • Moip (new in 0.2.0)
  • Multibanco (new in 1.0.0)
  • Ogone
  • pagseguro (new in 0.2.0)
  • Paybox
  • Paylife
  • Paymill (new in 0.2.0)
  • PayPal
  • paysafecard
  • payshop (new in 1.0.0)
  • PayU (new in 1.0.0)
  • postepay
  • Quick
  • Rechnung
  • Invoice
  • Ripple
  • Sage (new in 0.2.0)
  • SEPA (new in 0.2.0)
  • SIX (new in 1.0.0)
  • Skrill
  • SofortÜberweisung
  • Square
  • Stripe
  • Truste
  • Unionpay
  • Verified By Visa
  • Verisign
  • Visa
  • Visa Electron
  • Western Union
  • Wirecard

Changelog

  • 2014-09-22 v0.1.0 Initial release. (74 icons)
  • 2014-10-29 v0.1.1 Minor fixes and improvements, added demo site PaymentFont.com.
  • 2014-10-30 v0.1.2 Added "copy to clipboard" functionality to demo site.
  • 2014-12-09 v0.2.0 Added 11 new icons, updated pf-paypal, pf-paypal-alt and pf-paylife.
  • 2014-12-17 v1.0.0 Added 9 new icons, replaced Gittip with Gratipay (new alias pf-gratipay), added Bower and Git Tags, submitted to Fontello.
  • 2015-01-17 v1.0.1 Added 1 new icon, updated Braintree icon, minor enhancements.
  • 2015-04-24 v1.1.0 Improved performance, added WOFF2, fixed Bower config - finally ;)
  • 2015-04-24 v1.1.1 Quick fix for icon vertical offset, added package.json.
  • 2015-04-26 v1.1.2 Fixed a typo in CSS class for Great British Pound (pf-gpb is now pf-gbp).
  • 2017-06-24 v1.2.0 Added 20 new icons, updated a few icons, added SASS, misc tweaks.
  • 2017-06-25 v1.2.1 Minor tweak.
  • 2017-06-25 v1.2.2 Fix css classes.
  • 2017-06-25 v1.2.3 Update version number.
  • 2017-06-25 v1.2.4 Fix version number for dependency managers.
  • 2017-07-01 v1.2.5 Add less files.

Donate

PaymentFont was useful to you? Awesome! So, why not buy me a beer to keep the project going?

License

Disclaimer

All used trademarks, brands and/or names are the property of their respective owners. The use of these trademarks, brands and/or names does not indicate endorsement of the property holder by us, nor vice versa.

Check out CryptoFont as well!

Looking for a sleek webfont featuring your favourite cryptocurrencies? Check out my free CryptoFont!

Author

Handcrafted with love by Alexander Manfred Pöllmann in Vienna & Rome.

Follow me on Twitter, Instagram and GitHub :-)

Analytics

paymentfont's People

Contributors

alexanderpoellmann avatar chedaroo avatar donnes avatar thebuccaneersden avatar vidakovic avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

paymentfont's Issues

Add iDEAL icon

The most popular way of online payment in the Netherlands.
http://www.ideal.nl/

From Wikipedia:
iDEAL is an e-commerce payment system used in the Netherlands, based on online banking. Introduced in 2005, this payment method allows customers to buy on the Internet using direct online transfers from their bank account.

iDEAL processed 4.5 million transfers in 2006, 15 million transfers in 2007, 28 million transfers in 2008, 45.4 million in 2009, 68.8 million in 2010, 93.8 million in 2011 117.2 million in 2012 and 142,5 million in 2013.

Afterpay

Popular Dutch payment method.

image

How is it possible add new flags or change the same?

en_US

Hello, Good Morning

I'm interested in adding the flags

Elo - http://www.cartaoelo.com.br/
Aura - http://www.cetelem.com.br/portal/Para_Voce/Cartao_Cetelem.shtml
Hiper - https://www.usehiper.com.br/hotsites/itaucard/usehiper/index.html
Hipercard - https://www.hipercard.com.br/pf/index.html

How is it possible add new flags or change the same?

pt_BR

Ola, Bom dia

Tenho interesse em adicionar as bandeiras

Elo - http://www.cartaoelo.com.br/
Aura - http://www.cetelem.com.br/portal/Para_Voce/Cartao_Cetelem.shtml
Hiper - https://www.usehiper.com.br/hotsites/itaucard/usehiper/index.html
Hipercard - https://www.hipercard.com.br/pf/index.html

Como é possivel adicionarmos novas bandeiras ou alterar as mesmas ?

Please add German icons

Can you please add some German payment icons?

Vorkasse (payment before delivery, very typical in Germany)
Bar bei Abholung (Cash on pickup)
Nachnahme (Cash on delivery, very typical in Germany)
Ratenkauf (Payment with instalment plan)

Interac

Please add an icon for Interac, Canada's debit card payment provider.

Klarna (klarna.com)

A large payment and online micro-loans provider in Nordic countries (Sweden, Norway, Finland, Denmark), DACH (Germany, Austria, Switzerland), and Netherlands, building presence in UK and USA.

https://klarna.com/

Klarna Logo in SVG is googlable, or can probably be requested from Klarna itself.

New Icon BizX

Would you please add the digital currency BizX as method of payment (logo) and currency symbol?
bizx-currency-symbol

Would be eternally grateful. Cheers

New icon Payshop

Related to Multibanco in Portugal, but payments are done in cash. Most news stands/kiosks accept these payments.

Sample logo:

Payshop

Icon for Wave

Hi, I'm a product designer at Wave Accounting.

We support credit card payments! Would love to see our logo in your font :)

SVG version available here

Please add the Paymill gateway

Paymill is a nice alternative to Stripe because Stripe isn't yet available across Europe, but not only for that reason. It has multiple payment options, include direct debit in some countries. It's gaining traction among european countries and it is now quite common to find this gateway in EU web stores.

Please add this icon.
http://paymill.com

I can submit a PR if you describe how you build the icon font. I currently use gulp-webfont on my projects.

Vorkasse Icon

Hi könntet Ihr ggf noch ein Vorkasse Icon hinzufügen?
Can you add a Vorkasse Icon (payment in advance)

Icon Translation/Localization

Hi,
Could you make a variation of the "bank-transfer" icon.
Translating the "transfer" into "overboeking".
So it will say: Bank Overboeking.

You could also add:
Invoice icon. Translate into: "Factuur".

Thanks.

paymentfont request

Hi there, awesome job on the payment webfonts. A couple of good South American ones to add to your set are : Boleto Bancário (Brazil) and Oxxo (Mexico)

Git tags

Great work!

One small request: can we have git tags for releases (eg, v0.1.0)? This will be useful for using PaymentFont with Bower.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.