XU · APP ICON
Rồng Xu ôm đồng xu giọng nói
1
Một gương mặt để nhớRồng Xu nhìn thẳng, mắt to, má hồng. Đây cũng là nhân vật trong biểu đồ và màn đăng nhập, nên icon và app là một.
2
Đồng xu biết nóiBa vạch sóng âm trên đồng xu vàng gói gọn "ghi chi tiêu bằng giọng nói" trong một hình.
3
Nổi giữa màn hình chínhNền san hô ấm hiếm thấy trong nhóm app tài chính (thường xanh dương, xanh lá). Rồng ngọc là màu tương phản bổ sung nên càng bật.
4
Gần gũi, mang chất ViệtĐỏ, vàng, ngọc là bộ màu may mắn quen thuộc. Rồng chibi vẽ phẳng, không dùng chữ, hợp cả tiếng Việt lẫn tiếng Anh.
San hô #E5484B
Ngọc #34C38F
Vàng xu #FFCF52
Than #1F1E1C
iOS · đúng kích thước pixel
Từ 87px trở xuống dùng bản rút gọn: bỏ lấp lánh và phóng to nhân vật để mặt rồng vẫn rõ khi icon nhỏ.
1024 · App Store
180 · iPhone @3x
167 · iPad Pro
152 · iPad
120
87 · Cài đặt
60 · Thông báo
40
29
20
iOS 18 · Tối
iOS 18 · Tô màuAndroid · icon thích ứng
Gồm 3 lớp: nền san hô, nhân vật nằm gọn trong vùng an toàn 66dp, và lớp một màu cho icon theo chủ đề trên Android 13 trở lên. Mỗi máy cắt icon theo hình riêng, rồng vẫn trọn vẹn.
Theo chủ đề
Play Store 512Trên màn hình chính
Tệp xuất · khớp tên với dự án mobile
icon/
├─ svg/ nguồn vector: xu-icon, -small, -dark, -tinted, adaptive-*
├─ ios/AppIcon.appiconset/ 15 PNG + Contents.json → thay thư mục cùng tên trong Images.xcassets
├─ ios/AppIcon-Dark-1024.png, AppIcon-Tinted-1024.png (iOS 18, tuỳ chọn)
└─ android/
├─ res/mipmap-{ldpi…xxxhdpi}/ ic_launcher, _round, _foreground, _background, _monochrome
├─ res/mipmap-anydpi-v26/ ic_launcher.xml, ic_launcher_round.xml (thêm lớp monochrome)
└─ playstore-icon.png 512 × 512