diff --git a/app.vue b/app.vue
index ae26575..03e2578 100644
--- a/app.vue
+++ b/app.vue
@@ -180,7 +180,7 @@ onMounted(() => {
       >
         <NuxtLink to="/" class="flex items-center">
           <Icon
-            name="s:spark"
+            name="sp:spark"
             class="text-4xl mr-2 s-color-primary-color"
             mode="svg"
           />
@@ -230,7 +230,7 @@ onMounted(() => {
     >
       <div class="flex flex-col items-start gap-6">
         <Icon
-          name="s:spark"
+          name="sp:spark"
           class="grow"
           mode="svg"
           :style="{
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 1e3ad07..9097479 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -21,9 +21,25 @@ export default defineNuxtConfig({
         prefix: "s",
         dir: "./assets/icons",
       },
+      {
+        prefix: "sp",
+        dir: "./public/icon",
+      },
     ],
   },
   css: ["~/assets/css/main.css"],
+  app: {
+    head: {
+      title: "Spark Store",
+      link: [
+        {
+          rel: "icon",
+          type: "image/svg+xml",
+          href: "/icon/spark.svg",
+        },
+      ],
+    },
+  },
   vite: {
     plugins: [tailwindcss()],
   },
diff --git a/pages/index.vue b/pages/index.vue
index 72617ca..28acce4 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -318,7 +318,7 @@ onMounted(() => {
       <div class="flex flex-col gap-3">
         <div class="flex items-center gap-6">
           <Icon
-            name="s:spark"
+            name="sp:spark"
             class="text-6xl s-color-primary-500"
             mode="svg"
           />
@@ -543,7 +543,7 @@ onMounted(() => {
         }"
       >
         <Icon
-          name="s:spark"
+          name="sp:spark"
           class="absolute top-1/2 -translate-y-1/2 s-color-primary-500"
           mode="svg"
           :style="{
diff --git a/assets/icons/spark.svg b/public/icon/spark.svg
similarity index 100%
rename from assets/icons/spark.svg
rename to public/icon/spark.svg