Favicon Generator

Turn any image or logo into standard multi-resolution PNG favicons, Apple Touch Icons, and web manifests with ready-to-paste HTML code.

100% Client-Side Generation: All favicon resolutions and manifest configurations are generated locally in browser canvas memory without sending images to any server.

Upload your logo, square graphic, or icon

PNG, SVG, or JPG recommended (at least 512x512 px for best quality)

HTML <head> Integration Snippet

Copy and paste directly into your HTML document <head> section:

<!-- 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 Touch Icon (iOS) -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- Android & PWA Manifest -->
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#0ea5e9">

Web App Manifest (site.webmanifest)

Save as site.webmanifest in your public root directory:

{
  "name": "My Web Application",
  "short_name": "App",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#0ea5e9",
  "background_color": "#ffffff",
  "display": "standalone"
}

How It Works

  • Runs locally in your browser using standard Web APIs.

Frequently Asked Questions

Are my files uploaded?

No. This tool processes input locally in your browser and creates the result on your device.

Related Tools