Initial commit: PassMaster PWA MVP

public/icons/README.md

@@ -0,0 +1,35 @@
+# 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