diff --git a/app/public/favicon.png b/app/public/favicon.png
new file mode 100644
index 0000000..8b46425
Binary files /dev/null and b/app/public/favicon.png differ
diff --git a/app/src/App.tsx b/app/src/App.tsx
index 58f71ae..b81f8f8 100644
--- a/app/src/App.tsx
+++ b/app/src/App.tsx
@@ -6,6 +6,8 @@ import { NetworkSelect } from './WalletContextProvider';
 import { useNetwork } from './contexts/NetworkContext';
 import '@solana/wallet-adapter-react-ui/styles.css';
 import './style/App.css';
+import logo from '../public/favicon.png'; // 请确保图片路径正确
+
 
 const App: FC = () => {
   const { connected } = useWallet();
@@ -16,6 +18,7 @@ const App: FC = () => {
       <nav className="app-nav">
         <div className="nav-content">
           <div className="nav-left">
+            <img src={logo} alt="Fall Logo" className="app-logo" />
             <h1 className="app-title">Fall</h1>
           </div>
           <div className="nav-right">
@@ -32,7 +35,7 @@ const App: FC = () => {
         {!connected ? (
           <div className="connect-wallet">
             <div className="connect-card">
-              <span className="connect-icon">🌟</span>
+              <img src={logo} alt="Fall Logo" className="connect-logo" />
               <h2>Welcome to Fall</h2>
               <p>Please connect your wallet to continue</p>
             </div>
diff --git a/app/src/style/App.css b/app/src/style/App.css
index fe038eb..0e4d5d9 100644
--- a/app/src/style/App.css
+++ b/app/src/style/App.css
@@ -149,4 +149,21 @@
     padding: 2rem 1rem;
     margin: 1rem;
   }
+} 
+
+.app-logo {
+  height: 32px; /* 调整大小 */
+  width: auto;
+  margin-right: 12px;
+}
+
+.nav-left {
+  display: flex;
+  align-items: center;
+}
+
+.connect-logo {
+  width: 64px; /* 调整大小 */
+  height: auto;
+  margin-bottom: 20px;
 } 
\ No newline at end of file