# Icons Directory

This directory is for storing favicons and app icons for the Mana landing page.

## Required Icon Files:

### Favicons:

1. **favicon.ico** - Traditional favicon (16x16, 32x32, 48x48)
2. **favicon-16x16.png** - 16x16px PNG favicon
3. **favicon-32x32.png** - 32x32px PNG favicon
4. **favicon-96x96.png** - 96x96px PNG favicon

### Apple Touch Icons:

1. **apple-touch-icon.png** - 180x180px (iOS)
2. **apple-touch-icon-57x57.png** - iPhone non-retina
3. **apple-touch-icon-72x72.png** - iPad non-retina
4. **apple-touch-icon-114x114.png** - iPhone retina
5. **apple-touch-icon-144x144.png** - iPad retina

### Android/Chrome Icons:

1. **android-chrome-192x192.png** - Android Chrome icon
2. **android-chrome-512x512.png** - Android Chrome splash

### Microsoft Tiles:

1. **mstile-150x150.png** - Windows tile icon

### Other Icons:

1. **safari-pinned-tab.svg** - Safari pinned tab icon (monochrome)

## Manifest Files to Add:

1. **manifest.json** - Web app manifest
2. **browserconfig.xml** - Windows tile configuration

## Icon Generation Tips:

- Start with a high-resolution square version of the Mana logo
- Use online favicon generators like realfavicongenerator.net
- Ensure icons work on both light and dark backgrounds
- Test icons across different browsers and devices
