Accounts and cards
Current account, savings, credit card, freeze card, card details.
Use case
Icons for a banking app
These are the icons a mobile bank needs, grouped by what they do.
Transfer sentJust now
Card lockedTap to open
Accounts
AccountAvailable balance
Main card
Transfer
Pay
Cards
Bills
RecentSee all
TransferBetween accounts
Card paymentContactless
SavingsMonthly goal
Icon jobs
The icons this screen needs
Each card is one group of icons to search for in the browser.
Moving money
Send, request, transfer, pay a bill, scheduled payment.
Spending
Groceries, transport, bills, dining and shopping, one per list row.
Security
Lock, fingerprint, verified and alert. People see what keeps their money safe.
Navigation
Home, payments, cards, insights and profile in the tab bar.
Status
Pending, done, failed and refunded on each payment.
The screen
A typical bank home screen
This is the screen we planned these icons for.
The balance and two or three accounts sit at the top. Under them is a row of quick actions: send, request, top up and pay a bill. Then a list of recent payments, each with a small category icon. A tab bar sits at the bottom.
One screen like this can hold thirty icons. Most of them are small. In the tab bar, the selected tab often turns from outline to solid.
Why one set
Mismatched icons look like mistakes
On a money screen, a mistake looks like risk.
If the card icon has a thicker line than the transfer icon, people notice. They may not know why. They still trust the app a little less.
In UIX Icons, the finance, security and interface icons share one grid and the same 15 styles. The tab bar can switch from regular to solid and nothing moves. A category icon in a list matches the one in the budget chart.
FAQ
Questions
Which icon style suits a banking app?
Use Regular for most of the app: actions, lists and settings. Use Solid for the selected tab and for small status marks. Duotone and Bulk, both Pro, can work on a budget screen. Every style comes from the same drawing, so you can mix them and the app still matches.
Are there icons for card controls and security?
Yes. The finance icons cover wallets, cards, payments, transfers, budgets, investing, loans and identity checks. The interface set adds locks, alerts and other security basics. The browser shows only approved icons, and we add more every month. Search for a word like card or lock to see them.
What icons do I need for a banking app?
Start with accounts, cards, payments, transfers, statements, budgets, security and notifications. Add navigation, search and settings from the core set. Finance and identity icons cover wallets, loans and checks. Search the browser for each word, then use one style and size across the app.
Which icons suit a payment confirmation screen?
Use a check mark for success, a clock for pending and an alert for a failed payment. Add a receipt or share icon for the next step. Keep the status icons the same size, and put text beside them so the result never relies on colour alone.
How do I show locked and secure states in a banking app?
Use a lock for locked or protected items, a shield for protection and a fingerprint or face icon for biometric sign-in. Pair each with a short label. Solid works well for a state that is on, and Regular for an idle control.
What size should icons be on a banking app tab bar?
A tab bar usually uses 24 px icons with a short label under each. Our icons are drawn on a 24 px grid and checked at 16 px. Use Regular for idle tabs and Solid for the selected one. Both styles are free under MIT.
Next step
Find banking icons
Search for cards, transfers, wallets and security, then copy the SVG.
About this page
A banking app needs icons for accounts, cards, transfers, payments, statements, budgets, security and support. People look at them when money is on the line. So each icon has to read at 16 px and mean one thing. UIX Icons draws all of them on one grid, so the whole app looks like one product.