# Logo Directory

Place your logo files in this directory. The following files are recommended for best browser compatibility:

## Required Files

1. **favicon.ico** - Main favicon (16x16, 32x32, 48x48 combined)
2. **favicon-16x16.png** - 16x16 pixels
3. **favicon-32x32.png** - 32x32 pixels
4. **apple-touch-icon.png** - 180x180 pixels (for iOS devices)
5. **android-chrome-192x192.png** - 192x192 pixels (for Android)
6. **android-chrome-512x512.png** - 512x512 pixels (for Android)

## Optional Files

- **site.webmanifest** - Web app manifest file (for PWA support)

## File Naming

Make sure your files are named exactly as listed above for the favicon links to work properly.

## Quick Setup

1. Create your logo in the required sizes
2. Save them with the exact names listed above
3. Place all files in this directory: `public/images/logo/`
4. The favicon will automatically appear in browser tabs

## Recommended Logo Specifications

- **Format**: PNG (with transparency) or ICO for favicon.ico
- **Background**: Transparent or solid color
- **Design**: Simple, recognizable icon that works at small sizes
- **Colors**: Should match your brand colors (green theme)

## Testing

After uploading your logo files:
1. Clear your browser cache (Ctrl+Shift+Delete)
2. Hard refresh the page (Ctrl+F5)
3. Check the browser tab to see your favicon



