Looking for credit card icons or payment method logos for a website, checkout page, store footer, or e-commerce UI? This collection includes branded payment logos for Visa, Mastercard, American Express, Discover, JCB, PayPal, Apple Pay, Google Pay, Klarna, and other services, along with generic credit card icon sets for payment forms and finance interfaces.
This collection focus on SVG and Figma files that work well in current web and product design workflows. You will also find PNG, Sketch, PSD, EPS, webfont, and code-based options for older projects.
Last Updated: Sep 2, 2026
On This Page:
- Quick Picks
- Official Payment Logos
- Payment Method Logos and Icons
- Credit Card Icons and Card Graphics
- Legacy Payment Logo and Icon Resources
- How to Choose the Right Payment or Credit Card Resource
Quick Picks
| Resource | Formats | Best For |
|---|---|---|
| SVG Credit Card & Payment Icons | SVG | Websites and checkout UI |
| Payment Icons | SVG | Light and dark themes |
| 120+ Payment Method Icons | Figma | Large editable Figma library |
| Credit Cards and Payment Methods Icons | Figma | Checkout and finance UI |
| The Wolf Kit Payment Icons | Figma | Multiple visual styles |
| Payment Icons by skynebula | SVG, PNG, PDF, Figma | Multi-format projects |
| Credit Card & Payment Logos | SVG, PNG, Sketch | Uniform logo sets |
| Vector Credit Card Icons | Vector | Generic card graphics |
Official Payment Logos
For a live checkout, use current brand artwork when a payment provider supplies official assets. For mockups, prototypes, dashboards, and general UI work, the icon packs and credit card graphics below provide more styles and file formats.
- Visa Brand Center — official Visa artwork.
- Mastercard Brand Center — Mastercard, Maestro, and Cirrus artwork.
- American Express Logo Packs — digital merchant and checkout logo files.
- Discover Global Network Signage — digital acceptance marks.
- Apple Pay Mark Guidelines — Apple Pay mark and usage rules.
- Google Pay Brand Guidelines — Google Pay mark and button rules.
- PayPal Payment Method Icons — payment-method assets for supported integrations.
Payment Method Logos and Icons
SVG Credit Card & Payment Icons: 80 Icons in 6 Styles
A web-focused SVG collection with 80 payment and card icons in flat, rounded, logo, bordered-logo, monochrome, and outline styles. It includes major card networks and payment services such as Visa, Mastercard, American Express, Discover, JCB, UnionPay, PayPal, and Alipay.
Payment Icons: SVG, PNG, PDF and Figma
A multi-format payment icon collection with card, online, mobile, regional, and cryptocurrency payment methods. The repository provides SVG, PNG, PDF, and Figma resources.
120+ Payment Method Icons Figma
A large editable Figma collection with 120+ payment method icons for checkout screens, payment selectors, and e-commerce UI.
Bill Payment Logo Library
A Figma library with 230+ bill payment channel logos for e-commerce, payment, and finance interfaces.
Credit Cards and Payment Methods Icons
A collection of 130+ minimal credit card and payment method icons created in Figma.
42 Credit Cards and Payment Methods Icons
A set of the 42 most used icons for your next e-commerce checkout form. With special attention paid to following the brands guidelines to ensure proper recognition of the payment services in any size.
Payment Methods Icon Kit
A set of 40+ fully editable payment method SVG icons. Available in 3 sizes: small, medium, large.
Tiny Payment Method Icons
A set of icons for payment methods, including India-specific ones like UPI and Net-banking, along with a few others viz. Mastercard, Visa, Wallets, and Amazon Pay.
Payment and Checkout Vendor Icons
A Figma collection of payment and checkout vendor icons for commerce UI.
The Wolf Kit Payment Icons
A set of 160+ free payment icons in 4 different styles.
Credit Card Vendor Icons
Icon-sized badges for the four major US credit card vendors. Includes monochrome and color variants with inverted variants for each.
Payment Method Icons And Buttons
A set of payment method Figma icons for cross-platform product design.
Payment Methods Icon Set Figma
An editable Figma set of payment method icons for checkout and e-commerce interfaces.
Payment Icon Library
A Figma payment icon library for checkout screens and product design.
Payment Methods Figma Freebie
A set of 39 payment method, credit card, and cryptocurrency icons for e-commerce apps.
24 Clean Payment Method & Credit Card Icons
24 clean credit card and payment method icons in 2 styles: Light and Dark.
Payment methods credit card icon set
A set of payment methods & credit card icons (Visa, Mastercard, Maestro, Cirrus, American Express, Discovery, Bitcoin, Paypal, JCB, Diners Club) available in AI, Studio, Fig, Xd, Sketch formats.
Credit Card Icons and Card Graphics
These resources focus on generic credit card icons, card illustrations, and vector card graphics. They are useful for payment forms, card-management screens, banking UI, finance dashboards, and mockups.
Payment Card Sketch Icons
A free Sketch resource with payment card icons for checkout and finance UI.
Credit Card Icons
A free set of credit card icons for payment and finance interface design.
Credit Cards Freebie Icon Set
A free credit card icon set for app and website UI.
Flat Payment Card Icons
4 SVG files.
Vector Credit Card Icons
A vector credit card icon set for payment forms and finance interfaces.
Vector credit cards icons
A free vector credit card icon resource retained for older design workflows.
Free Credit Cards
A free PSD credit card resource from Behance.
Credit Card Icons – Sketch File
Here’s a sketch file with some vector credit card icons.
Credit Card Icons
An older Dribbble credit card icon resource for UI design.
Card Icons 2.0 (Free)
A free card icon set retained for legacy interface projects.
CSS CREDIT CARDS
Responsive credit card icons created with HTML and CSS.
Free Credit Card Icons
A free credit card icon resource for payment interface concepts.
Credit Cards (Free)
A free credit card graphic resource for UI design.
Credit Cards
Some custom credit card assets for a payment flow.
Vector Credit Cards.sketch
A vector credit card resource in Sketch format.
Credit Cards
An older credit card graphic resource retained for legacy projects.
Flat Payment Cards
A flat-style payment card resource for older UI and design projects.
Credit Card Icons FREE PSD (Vector)
PSD also includes 4 additional credit card icons. All icons are scalable vectors with layer styles. You can use it for any purpose including commercial.
Flat Credit Cards
A flat credit card graphic freebie.
Freebie – Credit Cards
A free credit card graphic resource.
Credit Card Icons + PSD
A credit card icon resource with PSD files.
Legacy Payment Logo and Icon Resources
The resources in this section use older Sketch, PSD, EPS, webfont, or early vector workflows. They can help with legacy projects, but verify the current download page, license, and brand artwork before using them in a public checkout.
PaymentFont
A sleek webfont for your favourite payment operators and methods.
Payment Logos FREE Sketch File
An older Sketch file with payment-service logos.
Credit Card & Payment Logos
A nice little resource pack with credit card, debit card and mobile payment logos.
payment-webfont
A legacy webfont project for payment icons.
Payment Method Icons
An older payment method icon collection.
Payment Icons
An older payment icon freebie from Dribbble.
Payment Icons
7 credit card / payment icons in AI format.
Online Payment Icons — Vector & Psd
A set of online payment icons in vector & psd format. Just double click each smart object for each icon to access the vector mode of the design. The pack includes, paypal icon, visa icon, western union, discover, master card, cirrus, ebay, maestro, amazon, american express, money bookers & 2CO.
Payment Method Vector Icons
This freebie includes 24 white and 24 colorful payment vector icons. Pre-saved transparent PNG and EPS files. Contains payment methods and credit card icons such as Visa, MasterCard, Maestro, Cirrus, PayPal, Western Union, Visa Electron, Amazon, Worldpay, Diners Club, Google Wallet, Skrill, Sage, Discover, Moneybookers, JCB, Ebay, eway, Direct Debit, American Express and shopify.
Payment options icons
An older payment options icon set retained for legacy design projects.
75 Free Buttons For Online Payment Service Providers
A legacy collection of buttons for online payment services.
The Payment System Icon Set
An older payment system icon set retained for legacy projects.
How to Choose the Right Payment or Credit Card Resource
- Payment logos for a live checkout: use current brand artwork and review the provider’s usage rules.
- Credit card icons for forms and dashboards: generic card graphics work well for card-number fields, saved-card screens, banking UI, and finance products.
- Responsive website UI: SVG files stay sharp across small checkout rows, high-density screens, and responsive layouts.
- Figma projects: editable Figma libraries are useful for checkout screens, payment selectors, card-management views, and prototypes.
- Older design files: use the legacy section when a project specifically needs Sketch, PSD, EPS, or webfont assets.
FAQ
Where can I get credit card icons for a website?
The credit card section above includes generic card icons and vector card graphics for payment forms, banking UI, finance dashboards, and e-commerce interfaces. SVG resources are the easiest option for responsive websites.
Where can I get Visa, Mastercard, PayPal, and other payment logos?
Use the payment method collections for design projects and the official brand resources for a live checkout. The current collections above include major card networks, wallets, BNPL services, and regional payment methods.
Should payment logos and credit card icons use SVG or PNG?
SVG is a strong choice for website UI because it scales cleanly across different sizes and display densities. PNG works well when a platform requires raster images or when you need a fixed-size asset.
Can I recolor branded payment logos?
Do not assume that a payment brand allows arbitrary recoloring. Visa, Mastercard, Apple, Google, and other providers publish rules for logo color, spacing, size, and approved variants.
What is the difference between a credit card icon and a payment method logo?
A credit card icon can represent a generic card, card number field, saved card, or card-management feature. A payment method logo identifies a specific network or service such as Visa, Mastercard, PayPal, Apple Pay, or Google Pay.
Related Resources
- Best Shopping and E-Commerce Icon Sets
- Best Realistic Credit Card Mockups
- Free Cryptocurrency and Bitcoin Design Resources
- More Free Icon Resources
