diff --git a/apps/web/src/app/icon.png b/apps/web/src/app/icon.png
new file mode 100644
index 0000000..77abe59
Binary files /dev/null and b/apps/web/src/app/icon.png differ
diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index c6802d7..ba241b9 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import { useState, useEffect } from 'react'
+import Image from 'next/image'
 
 export default function Home() {
   const [apiData, setApiData] = useState<any>(null)
@@ -17,8 +18,14 @@ export default function Home() {
     <main className="min-h-screen bg-gradient-to-br from-gray-50 via-blue-50 to-indigo-50 flex items-center justify-center p-6">
       <div className="max-w-2xl w-full">
         <div className="text-center mb-8">
-          <div className="inline-flex items-center justify-center w-20 h-20 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-3xl shadow-lg mb-6">
-            <span className="text-5xl">🐱</span>
+          <div className="inline-flex items-center justify-center w-130 h-130 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-full shadow-lg mb-6 overflow-hidden p-1">
+            <Image
+              src="/icon.png"
+              alt="NekoFlow Logo"
+              width={130}
+              height={130}
+              className="object-contain rounded-full"
+            />
           </div>
           <h1 className="text-5xl font-bold text-gray-900 mb-4">
             NekoFlow