Credit Card Icons
A rectangle with a horizontal stripe or chip reads instantly as "payment method" — checkout forms, payment method selection, billing settings, subscription pricing pages. This page collects credit card icon variants across Pathwork's libraries, from a plain outline card to filled or chip-detail versions, so you can match the exact weight your checkout form or billing page needs.
Showing top 100·97 icon packs·Free & open source
Showing top 100 results — many more icons available
Search all credit card iconsSource libraries
Related icons
Frequently Asked Questions
These are generic card shapes representing the general concept of 'credit card' or 'payment method' — not specific network logos. For actual Visa, Mastercard, or American Express brand marks, you'd need dedicated payment network icons, which are typically sourced separately (and are subject to their own trademark and brand usage guidelines) rather than a generic icon library.
Many checkout flows use a generic card icon as a placeholder before input, then dynamically swap to the detected network logo (Visa, Mastercard, etc.) once the card number pattern is recognized — this gives users visual confirmation their card type was read correctly. The generic icon on this page fits well for the placeholder or 'add a card' state.
Most credit card icons include a horizontal stripe (representing the magnetic strip) or a small rectangle (representing the EMV chip) to visually reinforce that it's specifically a payment card rather than a generic ID or business card shape. Some simpler icons omit these details entirely for a cleaner, more minimal look.
Yes, generally — most generic card icons don't visually distinguish between credit and debit, since the shape is identical for both. If your product needs to differentiate them in the UI, that's typically done with text labels rather than a visually different icon.
Each icon keeps the license from its source library attached to it, and terms can differ depending on which library a specific icon comes from. Check the license shown on the individual icon's page before using it commercially.
Credit card typically represents card-based payment specifically, while wallet more often represents digital wallet options (like a stored balance, Apple Pay, or Google Pay) as a category. If your checkout offers multiple payment types, using distinct icons for card versus wallet payment options helps users choose the right method faster.