PWA Icon Generator

Generate all required icons for HarmonySuite PWA. Download and place in /public/icons/

App Icons (14)

icon-16.png

icon-16.png

16×16

icon-32.png

icon-32.png

32×32

icon-72.png

icon-72.png

72×72

icon-96.png

icon-96.png

96×96

icon-128.png

icon-128.png

128×128

icon-144.png

icon-144.png

144×144

icon-152.png

icon-152.png

152×152

icon-192.png

icon-192.png

192×192

icon-384.png

icon-384.png

384×384

icon-512.png

icon-512.png

512×512

maskable-icon-192.png

maskable-icon-192.png

192×192

maskable-icon-512.png

maskable-icon-512.png

512×512

apple-touch-icon.png

apple-touch-icon.png

180×180

notification-icon.png

notification-icon.png

96×96

Apple Splash Screens (6)

splash-1290x2796.png

splash-1290x2796.png

1290×2796

splash-1179x2556.png

splash-1179x2556.png

1179×2556

splash-1170x2532.png

splash-1170x2532.png

1170×2532

splash-1125x2436.png

splash-1125x2436.png

1125×2436

splash-828x1792.png

splash-828x1792.png

828×1792

splash-750x1334.png

splash-750x1334.png

750×1334

📋 Setup Instructions

  1. Click "Download All" to get all icons as PNG files
  2. Create folder public/icons/ in your project
  3. Place all downloaded files inside public/icons/
  4. Redeploy — the PWA will automatically use all icons
  5. To enable push notifications, set VITE_VAPID_PUBLIC_KEY in environment variables