🎨 App Icon - Quick Reference Card

📸 Preview

Open this file: icon-preview.html

🎯 Recommended Design

Design 1: Gentle Focus Buddy (with friendly face)

🎨 Colors to Use

#A7C4BC  (Primary - calm green)
#88C9A1  (Success - bright green)
#F8F6F2  (Background - warm white)
#5B6D6D  (Text - soft gray)

⚡ Quick Steps

1. Design (15 min)

Go to figma.com
Create 1024×1024 frame
Copy Design 1 from preview
Export as PNG

2. Generate (5 min)

Go to appicon.co
Upload your PNG
Select iOS + Android
Download zip

3. Install (10 min)

# Unzip downloaded file

# iOS: Copy to
ios/Runner/Assets.xcassets/AppIcon.appiconset/

# Android: Copy to
android/app/src/main/res/mipmap-*/ic_launcher.png

4. Test (2 min)

flutter clean
flutter run

📐 Master Size

1024×1024 pixels (PNG, no transparency for iOS)

🔧 Tools

Design: Figma (figma.com) or Canva (canva.com)
Generate: AppIcon.co (appicon.co)

📚 Full Docs

Preview: icon-preview.html
Detailed Guide: ICON_IMPLEMENTATION_GUIDE.md
Technical Specs: APP_ICON_DESIGN.md

⏱️ Total Time

30-40 minutes from start to finish

Status: Ready to implement Next: Open icon-preview.html and start designing! 🚀

1.4 KiB Raw Blame History Unescape Escape