# PWA Icons Generation Instructions

The placeholder icons in this directory should be replaced with properly generated icons.

## Option 1: Use an online tool
1. Go to https://realfavicongenerator.net/
2. Upload the icon.svg file from this directory
3. Download the generated icons
4. Replace the placeholder PNGs

## Option 2: Use sharp (Node.js)
If you have libvips installed, you can use the generate-icons.js script:
```bash
npm install sharp --save-dev
node scripts/generate-icons.js
```

## Option 3: Use ImageMagick
If you have ImageMagick installed:
```bash
for size in 72 96 128 144 152 192 384 512; do
  convert icon.svg -resize ${size}x${size} icon-${size}x${size}.png
done
```

## Required icon sizes:
- 72x72
- 96x96
- 128x128
- 144x144
- 152x152
- 192x192
- 384x384
- 512x512
- 180x180 (apple-touch-icon.png)
- 32x32 (favicon.png)