Payment icons

9 icons carry the tag payment, across Cloud and Interface. Credit card, Escrow, Paid and 6 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 9 payment icons, described

Credit cardcredit-card: A credit card — how a purchase, a subscription or a bill gets paid for.
Escrowescrow: A coin beside a padlock — money held in escrow until both sides deliver.
Paidpaid: A banknote with a check on it — a payment that went through successfully.
Paid milestonepaid-milestone: A banknote with a flag on it — a milestone that releases a payment when reached.
Payment failedpayment-failed: A banknote with an X on it — a payment that did not go through.
Payment messagepayment-message: A speech bubble with a coin inside — a payment sent in a conversation.
Payment stoppedpayment-stopped: A banknote with a stop square on it — payments halted until further notice.
Saved paymentsaved-payment: A coin beside a bookmark — a payment method kept on file for next time.
Send moneysend-money: A banknote with an arrow on it — send a payment to someone else.

In code, each is one import — import { CreditCard } from "@iconmind/react/icons/credit-card" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

card9 billing5 coin4 declined3 failed10 flag20 halt11 hold12 message19 milestone9 saved17 send13

Every payment icon, free to ship

9 of 2,437 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.

All tags Install the package Request an icon