|
|
||
|---|---|---|
| .. | ||
| README.md | ||
| icon-72.png | ||
| icon-96.png | ||
| icon-128.png | ||
| icon-144.png | ||
| icon-152.png | ||
| icon-192.png | ||
| icon-384.png | ||
| icon-512.png | ||
README.md
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
- PWA Builder
- Figma for design
- Inkscape for vector graphics