Yêu Cầu Thay Đổi Logo / Icon App

Ngày cập nhật: 30/06/2026
Loại: Asset Update — App Icon & Logo

---

Icon Mới

File icon: icon.png
Mô tả: Logo hoa sen vàng gradient trong vòng tròn — nền trắng, viền vàng, họa tiết cánh sen màu vàng nhạt (#D4AF6A).

---

Phạm Vi Thay Đổi

React Native App

Icon App cần được thay thế ở tất cả các kích thước theo yêu cầu của từng nền tảng:

Android (android/app/src/main/res/)

Thư mục	Kích thước	File
mipmap-mdpi	48×48 px	ic_launcher.png + ic_launcher_round.png
mipmap-hdpi	72×72 px	ic_launcher.png + ic_launcher_round.png
mipmap-xhdpi	96×96 px	ic_launcher.png + ic_launcher_round.png
mipmap-xxhdpi	144×144 px	ic_launcher.png + ic_launcher_round.png
mipmap-xxxhdpi	192×192 px	ic_launcher.png + ic_launcher_round.png

Lưu ý Android: Cung cấp thêm file ic_launcher_foreground.png (dạng Adaptive Icon, nội dung icon không có viền vòng tròn) để hệ thống Android tự bo góc theo shape.

iOS (ios/<AppName>/Images.xcassets/AppIcon.appiconset/)

Kích thước	Mục đích
20×20 px (×1, ×2, ×3)	Notification
29×29 px (×1, ×2, ×3)	Settings
40×40 px (×1, ×2, ×3)	Spotlight
60×60 px (×2, ×3)	App icon (iPhone)
76×76 px (×1, ×2)	App icon (iPad)
83.5×83.5 px (×2)	App icon (iPad Pro)
1024×1024 px	App Store

Công cụ gợi ý: Dùng appicon.co hoặc makeappicon.com — upload file icon.png gốc (tối thiểu 1024×1024 px, nền trắng) để tự động generate tất cả kích thước.

---

Yêu Cầu Kỹ Thuật File Gốc

Thuộc tính	Yêu cầu
Kích thước	Tối thiểu 1024×1024 px
Định dạng	PNG (không nén lossy)
Nền	Trắng (#FFFFFF) — không trong suốt (iOS App Store không chấp nhận nền transparent)
Vùng an toàn	Icon content nên nằm trong 80% diện tích để không bị cắt khi bo góc
Không chứa	Chữ nhỏ, góc bo sẵn trong ảnh (để hệ thống tự bo)

---

Các Vị Trí Cần Cập Nhật Trong Codebase

#	Vị trí	Mô tả
1	android/app/src/main/res/mipmap-*/	Icon launcher Android
2	ios/<AppName>/Images.xcassets/AppIcon.appiconset/	Icon iOS
3	assets/images/icon.png	Icon dùng trong code (nếu có tham chiếu)
4	assets/images/splash.png	Màn hình splash (nếu dùng cùng logo)
5	app.json hoặc app.config.js	expo.icon + expo.android.adaptiveIcon.foregroundImage (nếu dùng Expo)

Nếu dùng Expo Managed Workflow

// app.json
{
  "expo": {
    "icon": "./assets/images/icon.png",
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/images/adaptive-icon.png",
        "backgroundColor": "#FFFFFF"
      }
    },
    "ios": {
      "icon": "./assets/images/icon.png"
    }
  }
}

Sau khi cập nhật file, chạy lại:

npx expo prebuild --clean
# hoặc
eas build --platform all

Nếu dùng React Native CLI (bare workflow)

# Sau khi thay file icon trong android/ và ios/
cd android && ./gradlew clean
cd ios && pod install
# Rebuild app

---

Checklist

• Chuẩn bị file icon.png gốc ≥ 1024×1024 px, nền trắng
• Generate tất cả kích thước Android (mipmap-*) + iOS (AppIcon.appiconset)
• Thay thế file icon trong android/app/src/main/res/mipmap-*/
• Thay thế file trong ios/.../AppIcon.appiconset/ + cập nhật Contents.json
• Cập nhật app.json / app.config.js nếu dùng Expo
• Cập nhật màn hình Splash nếu cùng dùng logo
• Build thử trên cả Android emulator + iOS simulator kiểm tra hiển thị
• Kiểm tra icon hiển thị đúng trên: Home Screen, App Switcher, Notification, Settings
• Submit build mới lên TestFlight (iOS) và Internal Testing (Android) để xác nhận trước khi release