# 🎨 App Icon - Quick Reference Card

## 📸 Preview
**Open this file**: [icon-preview.html](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)
1. Go to **figma.com**
2. Create **1024×1024** frame
3. Copy Design 1 from preview
4. Export as **PNG**

### 2. Generate (5 min)
1. Go to **appicon.co**
2. Upload your PNG
3. Select **iOS + Android**
4. Download zip

### 3. Install (10 min)
```bash
# 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)
```bash
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](icon-preview.html)
- **Detailed Guide**: [ICON_IMPLEMENTATION_GUIDE.md](ICON_IMPLEMENTATION_GUIDE.md)
- **Technical Specs**: [APP_ICON_DESIGN.md](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! 🚀