diff --git a/index.html b/index.html
index 1fc3e904c..89c318284 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>OpenPencil</title>
     <style>
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 000000000..9c6fe222e
Binary files /dev/null and b/public/favicon.png differ
diff --git a/src/components/SafariBanner.vue b/src/components/SafariBanner.vue
index 400876cef..e763fb20d 100644
--- a/src/components/SafariBanner.vue
+++ b/src/components/SafariBanner.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { useLocalStorage } from '@vueuse/core'
+
 import { IS_TAURI } from '@/constants'
 
-const dismissed = ref(false)
+const dismissed = useLocalStorage('safari-banner-dismissed', false)
 const show = !IS_TAURI && typeof window !== 'undefined' && !window.showSaveFilePicker
 </script>
 
