# 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:
```bash
# 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
```
