Favicon Generator

Generate favicons for all platforms from a single image. Creates icons for browsers, iOS, Android, and Windows.

Upload Image

Upload a square image (512x512 or larger recommended)

Click to upload

PNG, JPG, or SVG (512x512 recommended)

Background Color

Theme Color

App Name (for manifest)

HTML Code

Add to your HTML head

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">

Web Manifest

site.webmanifest

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

File Sizes

favicon-16x16.pngBrowser tab icon

favicon-32x32.pngBrowser tab icon (Retina)

apple-touch-icon.pngiOS home screen

android-chrome-192x192.pngAndroid home screen

android-chrome-512x512.pngAndroid splash screen

mstile-150x150.pngWindows tiles

favicon.icoMulti-size ICO (16, 32, 48)