Skip to main content

Favicon Budget Builder

v1.0.0

Minimal favicon set generator — icon.svg + apple-touch-icon + manifest, no 32-file zoo.

Favicon HTML + Manifest
<!-- Minimal favicon set in <head> -->
<link rel="icon" href="/favicon.ico" sizes="32x32" />
<link rel="icon" href="/icon.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta name="theme-color" content="#1a73e8" />

<!-- /public/manifest.webmanifest -->
{
  "name": "My App",
  "short_name": "My App",
  "icons": [
    {
      "src": "/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "/icon-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ],
  "theme_color": "#1a73e8",
  "background_color": "#ffffff",
  "display": "standalone",
  "start_url": "/"
}

<!-- Generate files with: https://realfavicongenerator.net/ or squoosh.app -->
<!-- Required sizes: 16, 32 (favicon.ico), 180 (apple-touch), 192, 512 (PWA) -->