Multi-Platform App Icon Packager

Generate and package iOS AppIcon.appiconset, Android mipmap, and PWA icon assets in a zip file

9 PLATFORM RESOLUTIONS

App Icon Specs & Targets

App / Brand Name:

Theme Color:

Target Asset Sizes:

favicon16x16

favicon32x32

favicon48x48

ios180x180

ios152x152

ios120x120

pwa192x192

pwa512x512

Manifest & Header Snippets

<!-- Standard Favicons -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<!-- Apple iOS Web App -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<meta name="apple-mobile-web-app-title" content="DevUtilities Hub">
<!-- Android / PWA Web App -->
<meta name="theme-color" content="#0284C7">
<link rel="manifest" href="/manifest.json">

{
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/android-chrome-maskable-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ]
}