# Icons Directory

This directory should contain the following icon files for PWA support:

## Required Icons

- `icon-72.png` (72x72)
- `icon-96.png` (96x96)
- `icon-128.png` (128x128)
- `icon-144.png` (144x144)
- `icon-152.png` (152x152)
- `icon-192.png` (192x192)
- `icon-384.png` (384x384)
- `icon-512.png` (512x512)

## Additional Files

- `apple-touch-icon.png` (180x180)
- `favicon.ico` (16x16, 32x32)

## Icon Design Guidelines

- Use a shield or lock symbol to represent security
- Primary color: #3b82f6 (blue-600)
- Ensure good contrast for accessibility
- Test on both light and dark backgrounds
- Make sure icons are recognizable at small sizes

## Generation

You can use tools like:
- [Favicon Generator](https://realfavicongenerator.net/)
- [PWA Builder](https://www.pwabuilder.com/imageGenerator)
- [Figma](https://figma.com/) for design
- [Inkscape](https://inkscape.org/) for vector graphics