diff --git a/heicode/web/default/public/favicon.ico b/heicode/web/default/public/favicon.ico
index ab5f17b..2246fa0 100644
Binary files a/heicode/web/default/public/favicon.ico and b/heicode/web/default/public/favicon.ico differ
diff --git a/heicode/web/default/public/heicode-logo.svg b/heicode/web/default/public/heicode-logo.svg
index b7662b4..b68d55d 100644
--- a/heicode/web/default/public/heicode-logo.svg
+++ b/heicode/web/default/public/heicode-logo.svg
@@ -1,12 +1,18 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="none">
   <title>Heicode Manager</title>
-  <path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3" />
+  <defs>
+    <linearGradient id="hg-bg" x1="0" y1="0" x2="256" y2="256" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#B888E5"/>
+      <stop offset="0.55" stop-color="#7B6BE3"/>
+      <stop offset="1" stop-color="#6B7CE0"/>
+    </linearGradient>
+    <linearGradient id="hg-glass" x1="0" y1="0" x2="0" y2="256" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#FFFFFF" stop-opacity="0.32"/>
+      <stop offset="0.6" stop-color="#FFFFFF" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <rect x="8" y="8" width="240" height="240" rx="56" fill="url(#hg-bg)"/>
+  <rect x="8" y="8" width="240" height="240" rx="56" fill="url(#hg-glass)"/>
+  <path d="M74 64h28v54h52V64h28v128h-28v-54h-52v54H74z" fill="#FFFFFF"/>
+  <rect x="8.75" y="8.75" width="238.5" height="238.5" rx="55.25" stroke="#FFFFFF" stroke-opacity="0.18" stroke-width="1.5" fill="none"/>
 </svg>
diff --git a/heicode/web/default/public/logo.png b/heicode/web/default/public/logo.png
index 851556f..62b838c 100644
Binary files a/heicode/web/default/public/logo.png and b/heicode/web/default/public/logo.png differ
diff --git a/heicode/web/default/src/assets/logo.tsx b/heicode/web/default/src/assets/logo.tsx
index 90c2eb7..2b113e0 100644
--- a/heicode/web/default/src/assets/logo.tsx
+++ b/heicode/web/default/src/assets/logo.tsx
@@ -5,20 +5,29 @@ export function Logo({ className, ...props }: SVGProps<SVGSVGElement>) {
   return (
     <svg
       id='heicode-manager-logo'
-      viewBox='0 0 24 24'
+      viewBox='0 0 256 256'
       xmlns='http://www.w3.org/2000/svg'
       height='24'
       width='24'
       fill='none'
-      stroke='currentColor'
-      strokeWidth='2'
-      strokeLinecap='round'
-      strokeLinejoin='round'
       className={cn('size-6', className)}
       {...props}
     >
       <title>Heicode Manager</title>
-      <path d='M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3' />
+      <defs>
+        <linearGradient id='heicode-logo-bg' x1='0' y1='0' x2='256' y2='256' gradientUnits='userSpaceOnUse'>
+          <stop offset='0' stopColor='#B888E5' />
+          <stop offset='0.55' stopColor='#7B6BE3' />
+          <stop offset='1' stopColor='#6B7CE0' />
+        </linearGradient>
+        <linearGradient id='heicode-logo-glass' x1='0' y1='0' x2='0' y2='256' gradientUnits='userSpaceOnUse'>
+          <stop offset='0' stopColor='#FFFFFF' stopOpacity='0.32' />
+          <stop offset='0.6' stopColor='#FFFFFF' stopOpacity='0' />
+        </linearGradient>
+      </defs>
+      <rect x='8' y='8' width='240' height='240' rx='56' fill='url(#heicode-logo-bg)' />
+      <rect x='8' y='8' width='240' height='240' rx='56' fill='url(#heicode-logo-glass)' />
+      <path d='M74 64h28v54h52V64h28v128h-28v-54h-52v54H74z' fill='#FFFFFF' />
     </svg>
   )
 }