Pixelarticons

Credit Card Pixel Art Icon

A credit-card icon for checkout flows, 'Pay now' buttons, saved payment methods and billing settings.

finance Free 4 variants

Tags

creditcardpaymentdebitbank

Style variants

base

Outline · rounded corners

sharp

Outline · sharp corners

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Credit Card icon

A payment card with a magnetic stripe. It is the default icon for checkout and payment flows: entering card details, a 'Pay now' button, saved payment methods, billing settings, and subscription management. It signals that money is about to change hands, which makes it reassuring exactly where users expect it. For account balances or banking more broadly, a wallet or bank icon fits better.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/credit-card.svg" width="24" height="24" alt="Credit Card" />

<!-- React -->
import { CreditCard } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="credit-card.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons