Universal PWA Icon Generator

A comprehensive tool for generating all required PWA (Progressive Web App) icons with custom designs, colors, and text.

Features

• Generate all standard PWA icons (favicon, Android, iOS, Windows)
• Fully customizable design with live preview
• Supports different background styles (gradient, solid, radial)
• Color picker for perfect branding
• Text customization with font weight options
• Corner radius adjustment
• Download individual icons or all at once
• Screenshots for PWA store listings

Usage

1. Open generate-icons.html in your web browser
2. Customize your icon design using the controls
3. Click "Generate All PWA Icons"
4. Download icons and save to your project

Directory Structure

Generated icons should be placed in the following structure:

your-project/
└── public/
    ├── icons/
    │   ├── favicon-16x16.png
    │   ├── favicon-32x32.png
    │   ├── ...other icons
    │   └── maskable-icon-512x512.png
    └── screenshots/
        ├── desktop-dashboard.png
        └── mobile-kanban.png

License

This project is licensed under a custom non-commercial license - see the LICENSE file for details.

• Non-commercial use: Free to use, modify and distribute
• Commercial use: Please contact @dmm1 for licensing options

Author

Made with ❤️ in Austria by @dmm1