Fix site.webmanifest + add svg as favicon (#6304)

blakeblackshear · May 4, 2023 · 0751358 · 0751358
1 parent 17b92aa
commit 0751358
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 5 deletions.
diff --git a/web/images/safari-pinned-tab.svg → web/images/favicon.svg b/web/images/safari-pinned-tab.svg → web/images/favicon.svg
diff --git a/web/index.html b/web/index.html
@@ -8,8 +8,9 @@
  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png" />
  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png" />
+ <link rel="icon" type="image/svg+xml" href="/images/favicon.svg">
  <link rel="manifest" href="/site.webmanifest" />
- <link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#3b82f7" />
+ <link rel="mask-icon" href="/images/favicon.svg" color="#3b82f7" />
  <meta name="msapplication-TileColor" content="#3b82f7" />
  <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
  <meta name="theme-color" content="#111827" media="(prefers-color-scheme: dark)" />

diff --git a/web/images/android-chrome-192x192.png → web/public/icons/android-chrome-192x192.png b/web/images/android-chrome-192x192.png → web/public/icons/android-chrome-192x192.png
diff --git a/web/images/android-chrome-512x512.png → web/public/icons/android-chrome-512x512.png b/web/images/android-chrome-512x512.png → web/public/icons/android-chrome-512x512.png
diff --git a/web/site.webmanifest b/web/site.webmanifest
@@ -1,14 +1,14 @@
 {
- "name": "",
- "short_name": "",
+ "name": "Frigate",
+ "short_name": "Frigate",
  "icons": [
  {
- "src": "/images/android-chrome-192x192.png",
+ "src": "/icons/android-chrome-192x192.png",
  "sizes": "192x192",
  "type": "image/png"
  },
  {
- "src": "/images/android-chrome-512x512.png",
+ "src": "/icons/android-chrome-512x512.png",
  "sizes": "512x512",
  "type": "image/png"
  }