ezzabuzaid/pwa-icon-generator

A simple script to generate PWA icons and tags

pwa-icon-generator

A simple script to generate PWA icons and tags

Install

Clone this repository, then run:

npm install

Run

After that, put a logo.png file in the root directory of the repository, then run npm start

There will be a icons directory created with all the images for the different icon and splashscreen sizes.

icons/
├── icon-120x120.png
├── icon-128x128.png
├── icon-144x144.png
├── icon-152x152.png
├── icon-167x167.png
├── icon-16x16.png
├── icon-180x180.png
├── icon-192x192.png
├── icon-256x256.png
├── icon-32x32.png
├── icon-384x384.png
├── icon-512x512.png
├── icon-57x57.png
├── icon-60x60.png
├── icon-72x72.png
├── icon-76x76.png
├── icon-96x96.png
├── splash-1125x2436.png
├── splash-1136x640.png
├── splash-1242x2208.png
├── splash-1242x2688.png
├── splash-1334x750.png
├── splash-1536x2048.png
├── splash-1668x2224.png
├── splash-1668x2388.png
├── splash-1792x828.png
├── splash-2048x1536.png
├── splash-2048x2732.png
├── splash-2208x1242.png
├── splash-2224x1668.png
├── splash-2388x1668.png
├── splash-2436x1125.png
├── splash-2688x1242.png
├── splash-2732x2048.png
├── splash-640x1136.png
├── splash-750x1334.png
└── splash-828x1792.png

There will also be a pwa.html file for copy-pasting the links into your HTML.