echoes-of-the-ash/pwa/public/README.md

PWA Icons

This directory should contain the following icons for the Progressive Web App:

Required Icons

• pwa-192x192.png - 192x192px icon for mobile
• pwa-512x512.png - 512x512px icon for desktop/splash screen
• apple-touch-icon.png - 180x180px for iOS
• favicon.ico - Standard favicon
• mask-icon.svg - Safari pinned tab icon

Icon Design Guidelines

• Use the game's theme (post-apocalyptic, dark colors)
• Ensure icons are recognizable at small sizes
• Test on various backgrounds (dark mode, light mode)
• Keep designs simple and bold

Generating Icons

You can use tools like:

• https://realfavicongenerator.net/
• https://favicon.io/
• Photoshop/GIMP/Figma

Placeholder

Until custom icons are created, you can use colored squares or the game logo.

Example quick generation:

# Using ImageMagick
convert -size 192x192 xc:#646cff -font DejaVu-Sans-Bold -pointsize 72 \
        -fill white -gravity center -annotate +0+0 'E' pwa-192x192.png
convert -size 512x512 xc:#646cff -font DejaVu-Sans-Bold -pointsize 200 \
        -fill white -gravity center -annotate +0+0 'E' pwa-512x512.png
convert -size 180x180 xc:#646cff -font DejaVu-Sans-Bold -pointsize 72 \
        -fill white -gravity center -annotate +0+0 'E' apple-touch-icon.png