Favicon

index.html

<!-- 32x32 favicon.ico file for legacy browsers. -->
<link rel="icon" href="/favicon.ico">

<!-- A single SVG icon with light/dark version for modern browsers. -->
<link rel="icon" href="/icon.svg" type="image/svg+xml">

<!-- 180×180 PNG image for Apple devices. -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!-- Web app manifest with 192×192 and 512×512 PNG icons for Android devices. -->
<link rel="manifest" href="/manifest.webmanifest">

manifest.webmanifest

{
  "icons": [
    { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" },
    { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" }
  ]
}