FaviconForge

80%

Colors

Light Mode

Dark Mode

Shape

10%
10%

PWA Settings

Preview

512 × 512
🌐

Chrome Tab

My Page×
🧭

Safari Tab

My Page
📱

iOS Home Screen

App
🤖

Android

App
🪟

Windows Tile

Output

0 files ready to download

HTML Snippet

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<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="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="msapplication-TileColor" content="#4f46e5">
<meta name="theme-color" content="#4f46e5">

PWA Manifest

{
  "name": "My App",
  "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": "#4f46e5",
  "background_color": "#ffffff",
  "display": "standalone"
}

Browser Config

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
  <msapplication>
    <tile>
      <square150x150logo src="/mstile-150x150.png"/>
      <TileColor>#4f46e5</TileColor>
    </tile>
  </msapplication>
</browserconfig>