[next-tauri]plan p0 icon

next-tauri/src/app/App.tsx

@@ -11,6 +11,7 @@ import {
   Settings
 } from 'lucide-react'
 import { useEffect, useMemo, useState } from 'react'
+import brandLogo from '../assets/brand/mootool-logo.png'
 import { CalculatorHost } from '../features/calculator/CalculatorHost'
 import { ColorHost } from '../features/color/ColorHost'
 import { CryptoHost } from '../features/crypto/CryptoHost'
@@ -355,7 +356,7 @@ export function App() {
 
         <footer className="sidebar-footer">
           <div className="brand-lockup">
-            <span className="brand-symbol"><Boxes /></span>
+            <img className="brand-symbol" src={brandLogo} alt="" aria-hidden="true" draggable={false} />
             <span>MooTool <small>Tauri</small></span>
           </div>
           <div className="footer-actions">

next-tauri/src/features/home/HomePage.tsx

@@ -1,5 +1,4 @@
 import {
-  Boxes,
   CheckCircle2,
   Cpu,
   Database,
@@ -14,6 +13,7 @@ import {
 import { useI18n } from '../../app/i18n'
 import type { RuntimeInfo } from '../../platform/contracts/runtime'
 import sponsorQrImage from '../../../../assets/material/wx-zanshang.jpg'
+import brandLogo from '../../assets/brand/mootool-logo.png'
 
 interface HomePageProps {
   runtimeInfo?: RuntimeInfo
@@ -48,7 +48,7 @@ export function HomePage({ runtimeInfo, onOpenJson }: HomePageProps) {
             aria-label={t('app.home.website')}
             onClick={() => openExternalPage('https://mootool.luoboduner.com')}
           >
-            <div className="brand-symbol brand-symbol--large"><Boxes aria-hidden="true" /></div>
+            <img className="brand-symbol brand-symbol--large" src={brandLogo} alt="" aria-hidden="true" draggable={false} />
           </button>
 
           <div className="home-identity">

next-tauri/src/styles.css

@@ -293,31 +293,20 @@ svg {
 }
 
 .brand-symbol {
-  display: inline-grid;
+  display: block;
   width: 29px;
   height: 29px;
   flex: 0 0 auto;
-  place-items: center;
   border-radius: 9px;
-  background: linear-gradient(145deg, #4384ff, #245dcc);
-  box-shadow: 0 5px 12px rgba(47, 111, 237, 0.24);
-  color: white;
-}
-
-.brand-symbol svg {
-  width: 17px;
-  height: 17px;
+  object-fit: cover;
+  background: transparent;
+  box-shadow: none;
 }
 
 .brand-symbol--large {
   width: 86px;
   height: 86px;
-  border-radius: 24px;
-}
-
-.brand-symbol--large svg {
-  width: 46px;
-  height: 46px;
+  border-radius: 18px;
 }
 
 .footer-actions {
@@ -421,6 +410,7 @@ svg {
 .home-logo-button .brand-symbol {
   width: 104px;
   height: 104px;
+  border-radius: 24px;
 }
 
 .home-identity {