diff --git a/app/app.vue b/app/app.vue
index 05c981d..9b4e5e3 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -11,6 +11,9 @@
 </template>
 
 <script lang="ts" setup>
+useHead({
+  link: [{ rel: 'icon', type: 'image/png', href: '/favicon.png' }]
+})
 </script>
 
 <style>
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index 18993ad..0000000
Binary files a/public/favicon.ico and /dev/null differ
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..f7df27c
Binary files /dev/null and b/public/favicon.png differ