The cutting mat
PWA manifest and icon generator
Drop your logo, name your app and download a zip with manifest.webmanifest, every icon size, maskable icons, apple-touch-icon.png, favicon.ico and the head tags. It all happens in your browser: the image never leaves your device.
On the home screen
Maskable icon
The dashed circle is the safe zone: 80% of the icon. installkite measures your artwork and scales it so its farthest visible pixel stays inside.
Splash screen
Android builds the splash screen from background_color, the largest icon and name. The title bar and status bar take theme_color.
What is in the zip
- Add an image to see the files.
Prefer the command line?
The same icons, plus a service worker
The generator gives you the manifest and icons. npx installkite init also writes the service worker with an offline page, injects the head tags into every page and checks the result with doctor.
$ npx installkite icons logo.svg --out public
create public/icons/icon-48.png 905 B icon
create public/icons/icon-72.png 1.4 kB icon
create public/icons/icon-96.png 1.9 kB icon
create public/icons/icon-128.png 2.6 kB icon
create public/icons/icon-144.png 3.0 kB icon
create public/icons/icon-152.png 3.0 kB icon
create public/icons/icon-192.png 3.8 kB icon
create public/icons/icon-256.png 5.3 kB icon
create public/icons/icon-384.png 8.2 kB icon
create public/icons/icon-512.png 11.3 kB icon
create public/icons/maskable-192.png 3.8 kB maskable
create public/icons/maskable-512.png 11.2 kB maskable
create public/apple-touch-icon.png 3.7 kB apple-touch-icon
create public/favicon-16x16.png 355 B favicon
create public/favicon-32x32.png 637 B favicon
create public/favicon.ico 1.9 kB favicon-ico
create public/icons/icon.svg 288 B favicon-svg