diff --git a/client/.gitignore b/client/.gitignore
index 056e811..526bd43 100644
--- a/client/.gitignore
+++ b/client/.gitignore
@@ -7,6 +7,7 @@
 
 # testing
 /coverage
+/dev-dist
 
 # production
 /build
diff --git a/client/index.html b/client/index.html
index 54cf622..a5db9d9 100644
--- a/client/index.html
+++ b/client/index.html
@@ -7,6 +7,9 @@
     <meta name="description" content="Spoolman - Keep track of your inventory of 3D-printer filament spools." />
     <meta name="robots" content="noindex,nofollow" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
+    <link rel="icon" href="/favicon.ico" sizes="48x48" />
+    <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />
     <script type="text/javascript" src="./config.js"></script>
     <title>Spoolman</title>
   </head>
diff --git a/client/public/apple-touch-icon-180x180.png b/client/public/apple-touch-icon-180x180.png
new file mode 100644
index 0000000..a70f88b
Binary files /dev/null and b/client/public/apple-touch-icon-180x180.png differ
diff --git a/client/public/favicon.ico b/client/public/favicon.ico
index 2211b24..8c83b03 100644
Binary files a/client/public/favicon.ico and b/client/public/favicon.ico differ
diff --git a/client/public/icon192_rounded.png b/client/public/icon192_rounded.png
deleted file mode 100644
index 87b57b2..0000000
Binary files a/client/public/icon192_rounded.png and /dev/null differ
diff --git a/client/public/icon512_maskable.png b/client/public/icon512_maskable.png
deleted file mode 100644
index 1833783..0000000
Binary files a/client/public/icon512_maskable.png and /dev/null differ
diff --git a/client/public/icon512_rounded.png b/client/public/icon512_rounded.png
deleted file mode 100644
index 4b3a1a1..0000000
Binary files a/client/public/icon512_rounded.png and /dev/null differ
diff --git a/client/public/apple-touch-icon.png b/client/public/maskable-icon-512x512.png
similarity index 100%
rename from client/public/apple-touch-icon.png
rename to client/public/maskable-icon-512x512.png
diff --git a/client/public/pwa-192x192.png b/client/public/pwa-192x192.png
new file mode 100644
index 0000000..372af69
Binary files /dev/null and b/client/public/pwa-192x192.png differ
diff --git a/client/public/pwa-512x512.png b/client/public/pwa-512x512.png
new file mode 100644
index 0000000..01269ef
Binary files /dev/null and b/client/public/pwa-512x512.png differ
diff --git a/client/public/pwa-64x64.png b/client/public/pwa-64x64.png
new file mode 100644
index 0000000..c87a311
Binary files /dev/null and b/client/public/pwa-64x64.png differ
diff --git a/client/vite.config.ts b/client/vite.config.ts
index 6e21872..a37fda4 100644
--- a/client/vite.config.ts
+++ b/client/vite.config.ts
@@ -1,49 +1,55 @@
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
-import { VitePWA } from 'vite-plugin-pwa';
+import { VitePWA } from "vite-plugin-pwa";
 import svgr from "vite-plugin-svgr";
 
 export default defineConfig({
   base: "",
-  plugins: [react(), svgr(),
-  VitePWA({
-    registerType: 'autoUpdate',
-    devOptions: {
-      enabled: true,
-    },
-    includeAssets: ['favicon.ico', 'favicon.svg', 'apple-touch-icon.png'],
-    manifest: {
-      name: "Spoolman",
-      short_name: "Spoolman",
-      description: "Keep track of your inventory of 3D-printer filament spools.",
-      "icons": [
-        {
-          "purpose": "maskable",
-          "sizes": "512x512",
-          "src": "icon512_maskable.png",
-          "type": "image/png"
-        },
-        {
-          "purpose": "any",
-          "sizes": "512x512",
-          "src": "icon512_rounded.png",
-          "type": "image/png"
-        },
-        {
-          "purpose": "any",
-          "sizes": "192x192",
-          "src": "icon192_rounded.png",
-          "type": "image/png"
-        }
-      ],
-      background_color: "#1F1F1F",
-      theme_color: "#DC7734",
-      display: "standalone",
-      start_url: "/",
-      scope: "/"
-    },
-    workbox: {
-      maximumFileSizeToCacheInBytes: 10 * 1024 * 1024,
-    }
-  })],
-});
\ No newline at end of file
+  plugins: [
+    react(),
+    svgr(),
+    VitePWA({
+      registerType: "autoUpdate",
+      devOptions: {
+        enabled: true,
+      },
+      includeAssets: ["favicon.ico", "favicon.svg", "apple-touch-icon-180x180.png"],
+      manifest: {
+        name: "Spoolman",
+        short_name: "Spoolman",
+        description: "Keep track of your inventory of 3D-printer filament spools.",
+        icons: [
+          {
+            src: "pwa-64x64.png",
+            sizes: "64x64",
+            type: "image/png",
+          },
+          {
+            src: "pwa-192x192.png",
+            sizes: "192x192",
+            type: "image/png",
+          },
+          {
+            src: "pwa-512x512.png",
+            sizes: "512x512",
+            type: "image/png",
+          },
+          {
+            src: "maskable-icon-512x512.png",
+            sizes: "512x512",
+            type: "image/png",
+            purpose: "maskable",
+          },
+        ],
+        background_color: "#1F1F1F",
+        theme_color: "#DC7734",
+        display: "standalone",
+        start_url: "/",
+        scope: "/",
+      },
+      workbox: {
+        maximumFileSizeToCacheInBytes: 10 * 1024 * 1024,
+      },
+    }),
+  ],
+});