🎨 FocusBuddy App Icon Preview

Choose your favorite design and create it in Figma or Canva

App Color Palette

Primary
#A7C4BC
Success
#88C9A1
Background
#F8F6F2
Text
#5B6D6D

Design 1: Gentle Focus Buddy

180×180
120×120
48×48

Friendly and approachable with a subtle smile. Represents a supportive buddy helping you focus.

Design 2: Pure Focus

180×180
120×120
48×48

Minimalist and meditative. Concentric circles represent focused attention rippling outward.

Design 3: Focus Timer

180×180
120×120
48×48

Clearly communicates the timer function. Clock hands set to 25 minutes (Pomodoro technique).

📝 How to Create Your Icon

  1. Choose your favorite design from the three options above
  2. Open Figma (figma.com - free account) or Canva (canva.com)
  3. Create a 1024×1024 canvas
  4. Recreate the design using the color codes and measurements shown
  5. Export as PNG at 1024×1024 resolution
  6. Generate all sizes using appicon.co (upload your 1024×1024 PNG)
  7. Download and install the generated icon sets to your Flutter project

💡 Design Tips

🔧 Quick Tools