# Travel X PWA Icons

This folder should contain the following PNG icons for PWA support:

## Required Icons

| Filename | Size | Purpose |
|----------|------|---------|
| icon-72x72.png | 72x72 | Small icon |
| icon-96x96.png | 96x96 | Small icon |
| icon-128x128.png | 128x128 | Medium icon |
| icon-144x144.png | 144x144 | Medium icon |
| icon-152x152.png | 152x152 | Apple touch icon |
| icon-192x192.png | 192x192 | Android home screen |
| icon-384x384.png | 384x384 | Large icon |
| icon-512x512.png | 512x512 | Splash screen |

## Screenshots (Optional)

| Filename | Size | Purpose |
|----------|------|---------|
| screenshot-wide.png | 1280x720 | Desktop screenshot |
| screenshot-narrow.png | 720x1280 | Mobile screenshot |

## How to Create Icons

1. Create a square logo/icon design (preferably 512x512 or larger)
2. Use a tool like:
   - [RealFaviconGenerator](https://realfavicongenerator.net/)
   - [PWA Asset Generator](https://www.pwabuilder.com/imageGenerator)
   - [Favicon.io](https://favicon.io/)
3. Export in all required sizes
4. Place files in this folder

## Icon Guidelines

- Use a simple, recognizable design
- Ensure good contrast at small sizes
- Use the theme's primary color (#f0473c) for brand consistency
- Test icons on both light and dark backgrounds
- Consider using maskable icons for adaptive icon support
