36 lines
946 B
Markdown
36 lines
946 B
Markdown
# 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
|