The Lucide credit card icon visually represents a payment card, commonly used in user interfaces to denote financial transactions, payment options, or billing information.
Common uses
- Payment gateway buttons
- User profile billing section
- Checkout process steps
Use it in React
Install
npm i lucide-reactImport & render
import { CreditCard } from 'lucide-react';
<CreditCard size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- bankpurchasepaymentcccreditcardpayment cardcc iconpurchase iconbank card
FAQ
- What is the credit card icon used for?
- It's used to signify payment methods, financial transactions, or areas related to billing and purchases within an application.
- How do I use the credit card icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { CreditCard } from 'lucide-react'.
- What is the license for this icon?
- The credit card icon from the Lucide library is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →