设计了一个图标来替换默认的软件图标

src/components/app-icon.tsx

@@ -0,0 +1,66 @@
+export function AppIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 512 512"
+      className={className}
+    >
+      <defs>
+        <linearGradient id="ai-code" x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stopColor="#e0e7ff" />
+          <stop offset="100%" stopColor="#c7d2fe" />
+        </linearGradient>
+        <linearGradient id="ai-b1" x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stopColor="#ff4081" />
+          <stop offset="100%" stopColor="#e91e63" />
+        </linearGradient>
+        <linearGradient id="ai-b2" x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stopColor="#ffeb3b" />
+          <stop offset="100%" stopColor="#fdd835" />
+        </linearGradient>
+        <linearGradient id="ai-b3" x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stopColor="#29b6f6" />
+          <stop offset="100%" stopColor="#03a9f4" />
+        </linearGradient>
+      </defs>
+      <rect
+        x="16"
+        y="16"
+        width="480"
+        height="480"
+        rx="96"
+        ry="96"
+        fill="#1a1a2e"
+      />
+      <polyline
+        points="190,180 120,240 190,300"
+        fill="none"
+        stroke="url(#ai-code)"
+        strokeWidth="32"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <polyline
+        points="322,180 392,240 322,300"
+        fill="none"
+        stroke="url(#ai-code)"
+        strokeWidth="32"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <line
+        x1="280"
+        y1="160"
+        x2="232"
+        y2="320"
+        stroke="url(#ai-code)"
+        strokeWidth="28"
+        strokeLinecap="round"
+        opacity="0.7"
+      />
+      <circle cx="176" cy="396" r="28" fill="url(#ai-b1)" opacity="0.95" />
+      <circle cx="256" cy="396" r="28" fill="url(#ai-b2)" opacity="0.95" />
+      <circle cx="336" cy="396" r="28" fill="url(#ai-b3)" opacity="0.95" />
+    </svg>
+  )
+}

src/components/welcome/software-info.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { useEffect, useState } from "react"
-import { MessageCircleCode } from "lucide-react"
+import { AppIcon } from "@/components/app-icon"
 import { useTranslations } from "next-intl"
 import { getCurrentAppVersion } from "@/lib/updater"
 
@@ -18,8 +18,8 @@ export function SoftwareInfo() {
   }, [])
 
   return (
-    <div className="w-full flex gap-4 px-6 py-8">
-      <MessageCircleCode className="size-12" />
+    <div className="w-full flex items-center gap-4 px-6 py-8">
+      <AppIcon className="size-12" />
       <div className="flex flex-col">
         <span className="text-base">Codeg</span>
         <span className="text-sm text-muted-foreground">