diff --git a/packages/pl-fe/favicon.ico b/packages/pl-fe/favicon.ico
new file mode 100644
index 000000000..460204573
Binary files /dev/null and b/packages/pl-fe/favicon.ico differ
diff --git a/packages/pl-fe/src/instance/images/logo.png b/packages/pl-fe/src/instance/images/logo.png
new file mode 100644
index 000000000..fad9d09c7
Binary files /dev/null and b/packages/pl-fe/src/instance/images/logo.png differ
diff --git a/packages/pl-fe/src/instance/images/shortcuts/chats.png b/packages/pl-fe/src/instance/images/shortcuts/chats.png
index 29ddc8a4e..4ca62cfff 100644
Binary files a/packages/pl-fe/src/instance/images/shortcuts/chats.png and b/packages/pl-fe/src/instance/images/shortcuts/chats.png differ
diff --git a/packages/pl-fe/src/instance/images/shortcuts/notifications.png b/packages/pl-fe/src/instance/images/shortcuts/notifications.png
index 301146896..f93a52544 100644
Binary files a/packages/pl-fe/src/instance/images/shortcuts/notifications.png and b/packages/pl-fe/src/instance/images/shortcuts/notifications.png differ
diff --git a/packages/pl-fe/src/instance/images/shortcuts/search.png b/packages/pl-fe/src/instance/images/shortcuts/search.png
index 5c47de4c1..d0a9759d6 100644
Binary files a/packages/pl-fe/src/instance/images/shortcuts/search.png and b/packages/pl-fe/src/instance/images/shortcuts/search.png differ
diff --git a/packages/pl-fe/vite.config.ts b/packages/pl-fe/vite.config.ts
index cc8754a18..2fe00f77c 100644
--- a/packages/pl-fe/vite.config.ts
+++ b/packages/pl-fe/vite.config.ts
@@ -62,6 +62,14 @@ const config = defineConfig(({ command }) => ({
         name: 'pl-fe',
         short_name: 'pl-fe',
         description: 'Web-based federated social media client, a fork of Soapbox',
+        icons: [
+          {
+            src: '/instance/images/logo.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'any',
+          },
+        ],
         display: 'standalone',
         display_override: [
           'window-controls-overlay',
@@ -85,6 +93,7 @@ const config = defineConfig(({ command }) => ({
               {
                 src: '/instance/images/shortcuts/search.png',
                 sizes: '192x192',
+                type: 'image/png',
               },
             ],
           },
@@ -95,6 +104,7 @@ const config = defineConfig(({ command }) => ({
               {
                 src: '/instance/images/shortcuts/notifications.png',
                 sizes: '192x192',
+                type: 'image/png',
               },
             ],
           },
@@ -105,11 +115,13 @@ const config = defineConfig(({ command }) => ({
               {
                 src: '/instance/images/shortcuts/chats.png',
                 sizes: '192x192',
+                type: 'image/png',
               },
             ],
           },
         ],
         start_url: '/',
+        id: '/',
       },
       srcDir: 'src/service-worker',
       filename: 'sw.ts',
@@ -118,6 +130,9 @@ const config = defineConfig(({ command }) => ({
       targets: [{
         src: './node_modules/@twemoji/svg/*',
         dest: 'packs/emoji/',
+      }, {
+        src: './favicon.ico',
+        dest: '.',
       }, {
         src: './src/instance',
         dest: '.',