PWA Icon Setup

Create icons for your Progressive Web App

Required Icons

72x72
96x96
128x128
144x144
152x152
192x192
384x384
512x512

💡 Tip: Upload a square image (at least 512x512px) and we'll help you generate all required sizes.

Upload Your Logo

Manual Setup Instructions

Option 1: Use an Online Tool

  1. Go to RealFaviconGenerator.net
  2. Upload your logo (square, 512x512px minimum)
  3. Download the generated icon package
  4. Place all icons in /apps/web/public/icons/

Option 2: Manual Creation

  1. Use design software (Figma, Photoshop, GIMP)
  2. Create square images in these sizes: 72, 96, 128, 144, 152, 192, 384, 512 pixels
  3. Save as PNG files named: icon-[size]x[size].png
  4. Place in /apps/web/public/icons/

⚠️ Important: Icons should have a solid background color (no transparency for Android) and clear contrast with the icon itself.

Testing Your PWA

  1. Open your site on an Android device
  2. Look for the "Install App" prompt at the bottom of the screen
  3. Or tap the browser menu (⋮) and select "Install app" or "Add to home screen"
  4. Check that your icon and app name appear correctly
  5. Launch the installed app to verify it opens in standalone mode
← Back to Home