Wir haben den Checkout-Prozess in unseren Shops überarbeitet und dazu auch neue Icons für die einzelnen Zahlungsarten entworfen. Diese sind stark abgestimmt auf den deutschen und europäischen Markt und die hier gebräuchlichen Zahlarten. Da ich der Meinung bin, dass diese auch für andere Shopbetreiber nützlich sein könnten biete ich hier das komplette Set zum Download an (CC BY Lizenz).
PayPal hat ein bisschen am Logo geschraubt, womit es für alle Varianten neue Icons gibt (und die alten wandern in den Heritage-Pool). Da auch die Schweizer Post ein neues Logo hat erfordert das ein neues Nachnahme-Logo. Und das oft gewünschte Kontaktlos-Icon mit der Hand ist endlich wieder da!
Kleines Update auch für die Zahlart-Icons, für die Schweiz ist PostFinance Pay (PF Pay) dazu gekommen und diverse weitere Varianten für Twint, für Dänemark ist jetzt Dankort am Start.
Kurz nach Release der SVG-Icons hatte der Kollege die smarte Idee, Easy Credit als Zahlart aufzunehmen. Und damit war v20 auf dem Weg.
Bei meinen eigenen Einkäufen ist mir dann auch immer mal wieder aufgefallen, dass viele Händler ein kombiniertes Icon aus Mastercard und VISA verwenden. Daher sind in diesem Set jetzt insgesamt sechs dieser kombinierten Icons enthalten.
Auch beim Shoppen gesehen habe ich die Veriante von American Express mit dem Logo bekannten Kürzel „AMEX” am rechten Rand gesehen. Auch diese hat damit Einzug gehalten.
Trusted Shops ist zwar kein Zahlungsanbieter, aber ein im Stil passendes Logo fand ich dann doch eine gute Idee.
Und auch die alten Klarna Logos mit der Brille, dem Pizzastück und der Hand sind jetzt wieder da.
Update v18
Apple Pay ist da! Also im Supermarkt schon etwas länger, jetzt auch hier im Iconset. Und noch ein paar andere von der Wunschliste, wobei ich bei Alipay nicht abschließend in Erfahrung bringen konnte, was die aktuelle Version ist.
- Enthaltene Icons:
- Apple Pay
- Google Pay
- Alipay
- Alipay (alternativ)
- Alipay (alternativ 2)
- Alipay (alternativ 3)
- Ethereum
- Ethereum (alternativ)
- Kontaktloses bezahlen
- Kontaktloses bezahlen (alternativ)
- WeChat Pay
- WeChat Pay (alternativ)
- Przelewy24
- Multibanco
Update v17
Klarna sucht nach „seiner“ Farbe im E-Commerce. Und jetzt ist es also Pink geworden. Da mach aber mal nen Punkt!
Genug der Anspielungen, zu den Fakten: Komplettes Rebranding bei Klarna und der Tochter Sofort. Neue Schrift, neue Farbe und immer ein Punkt hinter der Zahlart. Das erfordert natürlich neue Icons. Damit ist zumindest die optische Integration von Sofort in den Klarna-Kosmos abgeschlossen, jetzt muss nur noch die technische folgen.
Außerdem gibt es noch das neue Twint-Logo für die Schweiz, vielen Dank an den immer rührigen José, auch wenn ich mitunter etwas länger brauche um die Icons hochzuladen.
- Enthaltene Icons:
- Twint
- Klarna
- Klarna (alternativ)
- Klarna Sofort
- Klarna Sofort (alternativ)
- Klarna Rechnung
- Klarna Rechnung (alternativ)
- Klarna Ratenkauf
- Klarna Ratenkauf (alternativ)
Update v16
Diesen Monat feiert mein kleines Iconset tatsächlich schon seinen fünften Geburtstag. Statt Torte gibt es drei neue Icons, heißt doch Amazon payments neuerdings Amazon pay und ein paar Sachen von der Wunschliste habe ich dann auch gleich noch mit abgearbeitet.
- Enthaltene Icons:
- Amazon pay
- Stripe
- Ratenkauf
Update v15
Da ist mir doch tatsächlich das neue MasterCard-Logo durchgerutscht. Das betrifft gleichzeitig auch Maestro und Cirrus und eigentlich auch MasterPass. Für letzteren ist aber außer einem bemitleidenswerten Bildchen, das MasterCard höchstpersönlich auf flickr veröffentlicht hat, kein brauchbares Grundmaterial zu finden und so ist erstmal bis auf weiteres das alte MasterPass-Icon enthalten.
Aufgefallen ist mir das neue MasterCard-Logo durch ein Schreiben unseres Aquirers. Denn VISA und MasterCard tun jetzt endlich was gegen den Kreditkartenmissbrauch. Auf der letzten Checkout-Seite muss jetzt das Herkunftsland, die Anschrift und die Telefonnummer des Händlers stehen. Endlich mal eine wirksame Maßnahme. Nicht.
- Enthaltene Icons:
- MasterCard
- Maestro
- Cirrus
Update v14
Es hatte sich so einiges angesammelt im E-Mail-Postfach und in den Kommentaren. Und daher kommen hier gleich 33 neue Icons. Oft geäußerte Wünsche sind ebenso dabei wie eher selteneres. Zu ersterem zählt sicherlich das Icon für paydirekt und die beiden PayPal-Icons für PayPal Express und PayPal Plus. Beides sind reine Fantasieprodukte, da PayPal keinen Bedarf dafür sieht. Die Shopbetreiber aber sehr wohl.
Unterstützung kam unter anderem wieder von José, der mich darauf aufmerksam machte, dass VISA ein neues Logo hat. Jetzt ist es ja so, dass sich das neue, das nur noch den blauen VISA-Schriftzug mit der gelben Ecke im V hat, irgendwie flächendeckend durchgesetzt hat. Da ist es natürlich ne völlig geniale Idee erneut ein geändertes Logo einzuführen. Die gelbe Ecke fällt weg, dafür hat der Schriftzug jetzt einen Farbverlauf. Und wenn das noch nicht genug Verwirrung wäre sieht das neue VISA-Electron-Logo dem ganz alten VISA-Logo deutlich ähnlicher als dem neuen. Daher gibt es im Set auch ein alternatives Electron-Logo, das besser in die neue Bildsprache passt. Und auch eine Variante ohne Farbverlauf, für alle, denen Farbverläuf zu 90er sind.
Apropos neues Logo: Die UPS-Nachnahme zeigt jetzt das neue, flache UPS-Logo und apropos Nachname: Christin hat mich darauf hingewiesen, dass es ja gar kein Icon für Deutsche Post Nachnahme gibt. Das ist hier auch enthalten.
Und dann haben wir noch fünf neue Texticons, einfach schwarze Schrift mittig.
- Enthaltene Icons:
- Nachnahme UPS
- Nachnahme UPS (alternativ)
- PayPal Express
- PayPal PLUS
- Bancontact
- Bancontact/Mister Cash
- Belfius
- Mollie
- Bankomat
- Sodexo
- Accor Services
- Unionpay
- Unionpay (alternativ)
- VISA
- VISA (alternativ)
- V-Pay
- Visa Electron
- VISA Electron (alternativ)
- Billpay (alternativ)
- Swisscom Easypay
- Swisscom Natel® Pay
- Swisscom Natel® Pay (alternativ)
- Nachnahme Post Deutschland
- Nachname Post Deutschland (alternativ)
- Nachnahme Post Schweiz
- Nachnahme Post Schweiz (alternativ)
- Nachname Post Österreich (alternativ)
- Texticon schwarz „Überweisung“
- Texticon schwarz „Rechnung“
- Texticon schwarz „Lastschrift“
- Texticon schwarz „Nachnahme“
Update v13
Ich hab mich dann mal nochmal mit dem Thema Rechnungs-Icon auseinandergesetzt und bin dabei etwas über das Ziel hinausgeschossen. Das Update enthält neben den von Alex beigesteuerten Text-Icons für „Rechnung“ und „auf Rechnung“ ein alternatives Mastercard-Icon, ein optimiertes PostPay-Icon und, ähm, 136 weitere Icons für Rechnung.
Obwohl ich kein Freund von Skeuomorphismus bin habe ich doch mal ein Rechnungskuvert auf’s Icon gebaut. Das ganze gibt es mit und ohne Banner „Rechnung inliegend“, mit deutscher, österreichischer und schweizer Briefmarke, einer weiteren Edition mit der deutschen Briefmarke zur Fußball-Weltmeisterschaft inkl. Sonderstempel und mit passenden Anschriften auf den Kuverts. Und da hat es dann angefangen, das hinausschießen über das Ziel. Es gibt für jedes Land sowohl eine weibliche als auch eine männliche Empfängeranschrift und in Deutschland gibt es das auch noch für jedes Bundesland. Macht am Ende 136 Icons. Und wenn dann doch nicht das passende dabei sein sollte – das PSD enthält jetzt auch dieses Rechnungsicon.
Ob das aber so bleibt weiß ich noch nicht, die Datei ist dadurch immerhin auf 11,2MB angewachsen.
Für die Schweiz außerdem noch dabei: Ein Icon für Twint, das Marco beigesteuert hat. Allen Zulieferern an dieser Stelle vielen Dank.
- Enthaltene Icons:
- Rechnung (136 Varianten)
- Texticon „Rechnung“
- Texticon „auf Rechnung“
- Mastercard (alternativ)
- PostPay
- TWINT
Update v12
Da ich heute eine Stunde mehr Zeit hatte habe ich mal die offenen Requests soweit abgearbeitet. Herausgekommen sind zwei Versionen für yapital und zwei für micropayment.
- Enthaltene Icons:
- micropayment
- micropayment (alternativ)
- yapital
- yapital (alternativ)
Update v11
Kleiner Rundumschlag zu Ostern: Barzahlen in zwei Varianten, ServiRed in zwei Varianten, MasterPay in zwei Varianten (Danke an José für den Hinweis und das eine davon), ebenfalls von José das neue Diners-Club-Logo und das neue dpd-Logo mit Nachnahme-Ecke in zwei Varianten.
- Enthaltene Icons:
- Diners Club
- Nachnahme DPD
- Nachnahme DPD (alternativ)
- ServiRed
- ServiRed (alternativ)
- Barzahlen
- Barzahlen (alternativ)
- Masterpass
- Masterpass (alternativ)
Update v10
PayPal hat ein neues Logo. Neue Schriftart, leicht geänderte Farben und ineinanderfließende P’s.
- Enthaltene Icons:
- PayPal
- PayPal (alternativ)
- PayPal (alternativ 2)
Update v9
Ein kleines Update mit allem, was sich hier so in den letzten Monaten an Wünschen und Anregungen angesammelt hat:
Von José habe ich wieder einige Icons für Zahlungsarten aus den Nachbarländern erhalten: iDeal (Niederlande), Carte Blanche (Frankreich), Manor MyOne (Schweiz) und Paysafecard (ebenfalls Schweiz inkl. einer Variante von mir). Darüber hinaus wurden Wünsche laut nach Bitcoin (drei Varianten), Nachnahme durch die österreichische Post und Barzahlung bei Abholung, die sich auch alle in diesem Update wiederfinden. Das letztgenannte Icon ist auch in der PSD enthalten, damit man es sich nach eigenen Wünschen umfärben kann.
- Enthaltene Icons:
- Paysafecard
- Paysafecard (alternativ)
- Nachnahme Post Österreich
- Bitcoin
- Bitcoin (alternativ)
- Bitcoin (alternativ 2)
- Carte Blanche
- Barzahlung bei Abholung
- Manor MyOne
Update v8
2014 wirft seine Schatten voraus und mit ihm SEPA, die Single Euro Payments Area. Aus diesem Grund gibt es hier kurz vor dem Jahreswechsel ein passendes SPEA-Logo.
- Enthaltenes Icon:
- SEPA
Update v7
Von José habe ich ein PostFinance-Icon bekommen. Dazu habe ich noch zwei alternativen erstellt und außerdem gibt’s noch das schon länger gewünschte VR-Pay-Icon.
- Enthaltene Icons:
- PostFinance
- PostFinance (alternativ)
- PostFinance (alternativ 2)
- VR-Pay
Update v6
Großes Kino von Sofortüberweisung. Es scheint echt zu viel verlangt zu sein, vorher zu prüfen, ob das neue Logo irgendwelche bestehenden Copyrights verletzt. Deshalb gibt es schon wieder ein neues. Einmal, nur einmal mit Profis arbeiten…
- Enthaltenes Icon:
- Sofortüberweisung
Update v5
Klarna hat ebenfalls sein Logo überarbeitet.
- Enthaltene Icons:
- Klarna
- Klarna (alternativ)
- Klarna (Rechnung)
- Klarna (Ratenkauf)
Update v4
Sofortüberweisung hat ein neues Logo, das ab sofort im Icon-Set enthalten ist.
- Enthaltenes Icon:
- Sofortüberweisung
Update v3
Ich hab mal die Vorschläge aus den Kommentaren aufgegriffen und das Set etwas ergänzt.
- Enthaltene Icons:
- UPS Nachnahme
- UPS Nachnahme (alternativ)
- amazon payments
Außerdem gibt es jetzt ein neues Set mit Logistikdienstleistern.
Update v2
Kaum einen Tag alt gibt es schon das erste Update, in diesem sind enthalten:
- Enthaltene Icons:
- Billpay
- Billsafe
- klarna
- paymorrow
- Nachnahme GLS
- Nachnahme GLS (alternativ)
- Nachnahme Hermes (siehe auch den Kommentar von Martin)
- sage pay
- Skrill
Außerdem enthält die Datei jetzt generische Icons mit Text für Überweisung, Vorkasseskonto oder beliebige andere Zahlungsarten. Da nicht jeder was mit Kuckucksuhren-Grün oder rein deutschsprachigen Icons anfangen kann ist im Zip eine PSD-Datei, mit deren Hilfe man sich die benötigten Icons schnell selber machen kann. Als Schrift kommt Aller bzw. Aller Display zum Einsatz. Wer mehr zu dieser Schrift wissen will wird bei Gerrit fündig.
Release
- Format:
- PNG, 512px
- Enthaltene Icons:
- American Express
- CartaSI
- Carte Bleue
- Carte Bleue (altes Logo)
- Cirrus
- clickandbuy
- Diners Club
- Direct Debit
- Discover
- EC
- eps netpay
- girocard
- giropay
- JCB
- Maestro
- Mastercard
- Moneybookers
- Nachnahme DHL
- Nachnahme DPD
- Paypal
- postepay
- sofortüberweisung.de
- Solo
- Switch
- Überweisung
- V Pay
- VISA Electron
- VISA
- Western Union
- wirecard
Weiterentwicklung
Ich glaube, dass diese Icons für viele Shopbetreiber hilfreich sind. Mir ist aber auch klar, dass es zahlreiche Zahlungsarten gibt, die noch nicht berücksichtigt sind. Gerne füge ich weitere Logos hinzu. Dazu einfach einen Kommentar hinterlassen oder mich über das Kontaktformular kontaktieren.
Lizenz
Die Icons sind kostenlos für private und kommerzielle Nutzung und stehen unter der CC BY Lizenz.
Das Copyright der einzelnen Logos liegt bei den jeweiligen Gesellschaften.