DougReeder
diff --git a/‎.gitignore
+6 b/‎.gitignore
+6
diff --git a/‎index.html
+4-2 b/‎index.html
+4-2
@@ -12,6 +12,12 @@
 dist
 dist-ssr
 *.local
+public/generated-icons/apple-touch-icon-180x180.png
+public/generated-icons/favicon.ico
+public/generated-icons/maskable-icon-512x512.png
+public/generated-icons/pwa-192x192.png
+public/generated-icons/pwa-512x512.png
+public/generated-icons/pwa-64x64.png
 
 # misc
 .DS_Store
 
@@ -2,14 +2,16 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/png" href="/icons/NotesTogether-Icon-36x36.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#d1e8f1" />
     <meta
             name="description"
             content="Free your mind from mundane details! Toss in text and pictures. Be confident you can find any note on any device. Take control of your data with remoteStorage. Never spend time tidying up — unless you want to!"
     />
-    <link rel="apple-touch-icon" href="/icons/NotesTogether-Icon-1024x1024.png" />
+    <link rel="icon" href="/generated-icons/favicon.ico" sizes="any">
+    <link rel="icon" href="/generated-icons/NotesTogether-Icon.svg" type="image/svg+xml" sizes="any">
+    <link rel="apple-touch-icon" href="/icons/NotesTogether-Icon-1024x1024.png" sizes="4270x4270" />
+    <link rel="apple-touch-icon" href="/generated-icons/apple-touch-icon-180x180.png" sizes="180x180">
     <link rel="manifest" href="/manifest.webmanifest" />
     <title>%VITE_APP_TITLE%</title>   <!-- overridden by useEffect in App.jsx -->
   </head>