The HugeIcons credit card add icon visually represents the action of adding a new credit card, commonly used in payment forms or user profile sections to initiate the process of entering new card details.
Common uses
- Add New Payment Method button
- Link a New Card form
- Onboarding flow for payment setup
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CreditCardAddIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CreditCardAddIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- add cardnew cardpayment method addcredit card plus
FAQ
- What does the credit card add icon signify?
- This icon signifies the action of adding a new credit card. It's typically used to prompt users to enter details for a new payment method.
- How do I use the CreditCardAddIcon in React?
- Import the icon and then render it using the HugeiconsIcon component: import { HugeiconsIcon } from '@hugeicons/react'; import { CreditCardAddIcon } from '@hugeicons/core-free-icons'; render <HugeiconsIcon icon={CreditCardAddIcon} />.
- What is the license for this icon?
- The HugeIcons library, including the credit card add icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →