Credit Card icon
A free credit card icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.
- Size
- 24 × 24, scales to any size
- License
- Free, credit optional (terms)
- Tags
- credit card, finance, payment, bank, plastic, money, transaction
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="matrix(-1 0 0 1 22 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 6.4C0 4.16 0 3.04 0.44 2.18C0.82 1.43 1.43 0.82 2.18 0.44C3.04 0 4.16 0 6.4 0L13.6 0C15.84 0 16.96 0 17.82 0.44C18.57 0.82 19.18 1.43 19.56 2.18C20 3.04 20 4.16 20 6.4L20 9.6C20 11.84 20 12.96 19.56 13.82C19.18 14.57 18.57 15.18 17.82 15.56C16.96 16 15.84 16 13.6 16L6.4 16C4.16 16 3.04 16 2.18 15.56C1.43 15.18 0.82 14.57 0.44 13.82C0 12.96 0 11.84 0 9.6L0 6.4Z"/>
<path transform="matrix(-1 0 0 1 22 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20 5L0 5M16 9L13 9"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(1 3)" fill="currentColor" d="M14.64 0C15.73 0 16.6 0 17.31 0.06C18.04 0.12 18.68 0.24 19.27 0.54C20.21 1.02 20.98 1.79 21.46 2.73C21.76 3.32 21.88 3.96 21.94 4.69C21.95 4.79 21.96 4.89 21.96 5L0.04 5C0.04 4.89 0.05 4.79 0.06 4.69C0.12 3.96 0.24 3.32 0.54 2.73C1.02 1.79 1.79 1.02 2.73 0.54C3.32 0.24 3.96 0.12 4.69 0.06C5.4 0 6.27 0 7.36 0L14.64 0Z"/>
<path transform="translate(1 3)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M22 7L0 7L0 10.64C0 11.73 0 12.6 0.06 13.31C0.12 14.04 0.24 14.68 0.54 15.27C1.02 16.21 1.79 16.98 2.73 17.46C3.32 17.76 3.96 17.88 4.69 17.94C5.4 18 6.27 18 7.36 18L14.64 18C15.73 18 16.6 18 17.31 17.94C18.04 17.88 18.68 17.76 19.27 17.46C20.21 16.98 20.98 16.21 21.46 15.27C21.76 14.68 21.88 14.04 21.94 13.31C22 12.6 22 11.73 22 10.64L22 7ZM4.85 9C4.3 9 3.85 9.45 3.85 10C3.85 10.55 4.3 11 4.85 11L8.15 11C8.7 11 9.15 10.55 9.15 10C9.15 9.45 8.7 9 8.15 9L4.85 9Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="matrix(-1 0 0 1 22 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6.4 16L13.6 16C15.84 16 16.96 16 17.82 15.56C18.57 15.18 19.18 14.57 19.56 13.82C20 12.96 20 11.84 20 9.6L20 6.4C20 4.16 20 3.04 19.56 2.18C19.18 1.43 18.57 0.82 17.82 0.44C16.96 0 15.84 0 13.6 0L6.4 0C4.16 0 3.04 0 2.18 0.44C1.43 0.82 0.82 1.43 0.44 2.18C0 3.04 0 4.16 0 6.4L0 9.6C0 11.84 0 12.96 0.44 13.82C0.82 14.57 1.43 15.18 2.18 15.56C3.04 16 4.16 16 6.4 16Z"/>
<path transform="matrix(-1 0 0 1 22 9)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20 0L0 0M16 4L13 4"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(1 3)" fill="currentColor" d="M14.64 0C15.73 0 16.6 0 17.31 0.06C18.04 0.12 18.68 0.24 19.27 0.54C20.21 1.02 20.98 1.79 21.46 2.73C21.76 3.32 21.88 3.96 21.94 4.69C22 5.4 22 6.27 22 7.36L22 10.64C22 11.73 22 12.6 21.94 13.31C21.88 14.04 21.76 14.68 21.46 15.27C20.98 16.21 20.21 16.98 19.27 17.46C18.68 17.76 18.04 17.88 17.31 17.94C16.6 18 15.73 18 14.64 18L7.36 18C6.27 18 5.4 18 4.69 17.94C3.96 17.88 3.32 17.76 2.73 17.46C1.79 16.98 1.02 16.21 0.54 15.27C0.24 14.68 0.12 14.04 0.06 13.31C0 12.6 0 11.73 0 10.64L0 7.36C0 6.27 0 5.4 0.06 4.69C0.12 3.96 0.24 3.32 0.54 2.73C1.02 1.79 1.79 1.02 2.73 0.54C3.32 0.24 3.96 0.12 4.69 0.06C5.4 0 6.27 0 7.36 0L14.64 0Z"/>
<path transform="matrix(-1 0 0 1 22 9)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20 0L0 0M16.2 4L12.9 4"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="matrix(-1 0 0 1 22 4)" fill="currentColor" d="M0 6.4C0 4.16 0 3.04 0.44 2.18C0.82 1.43 1.43 0.82 2.18 0.44C3.04 0 4.16 0 6.4 0L13.6 0C15.84 0 16.96 0 17.82 0.44C18.57 0.82 19.18 1.43 19.56 2.18C20 3.04 20 4.16 20 6.4L20 9.6C20 11.84 20 12.96 19.56 13.82C19.18 14.57 18.57 15.18 17.82 15.56C16.96 16 15.84 16 13.6 16L6.4 16C4.16 16 3.04 16 2.18 15.56C1.43 15.18 0.82 14.57 0.44 13.82C0 12.96 0 11.84 0 9.6L0 6.4Z"/>
<path transform="matrix(-1 0 0 1 22 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 6.4C0 4.16 0 3.04 0.44 2.18C0.82 1.43 1.43 0.82 2.18 0.44C3.04 0 4.16 0 6.4 0L13.6 0C15.84 0 16.96 0 17.82 0.44C18.57 0.82 19.18 1.43 19.56 2.18C20 3.04 20 4.16 20 6.4L20 9.6C20 11.84 20 12.96 19.56 13.82C19.18 14.57 18.57 15.18 17.82 15.56C16.96 16 15.84 16 13.6 16L6.4 16C4.16 16 3.04 16 2.18 15.56C1.43 15.18 0.82 14.57 0.44 13.82C0 12.96 0 11.84 0 9.6L0 6.4Z"/>
<path transform="matrix(-1 0 0 1 22 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20 5L0 5M16 9L13 9"/>
</svg>
More Money & Finance icons
In the full library
- Bank
- Cash
- Credit Card Arrow Left
- Credit Card Arrow Repeat
- Credit Card Arrow Right
- Credit Card Locked
- Credit Card Plus
- Credit Card Remove
- Credit Card Settings
- Currency Sign Euro
- Currency Sign Franc
- Currency Sign Pound
- Currency Sign Ruble
- Currency Sign Rupees
- Currency Sign Yuan
- Money Dollar Bag
- Piggy Bank
- Safe
Get the full library
5,000+ icons across five styles, with the Figma file and the Pikaicons app, for one payment from $99. 500+ of them are free to copy here.
