feat: refresh default avatars (#690)

BobDu · web-flow · commit 2cc98d4e032f · 2026-01-21T14:20:40.000+08:00
* feat: refresh default avatars

Signed-off-by: Bob Du &lt;i@bobdu.cc&gt;

* feat: refine default avatar

Signed-off-by: Bob Du &lt;i@bobdu.cc&gt;

---------

Signed-off-by: Bob Du &lt;i@bobdu.cc&gt;
diff --git a/service/src/utils/templates/mail.admin.template.html b/service/src/utils/templates/mail.admin.template.html
@@ -18,7 +18,7 @@
 					class="avatar"
 					style="
 						background-color: #eee;
-						background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
+						background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.svg');
 						width: 10em;
 						height: 10em;
 						margin: 5em auto 0;
diff --git a/service/src/utils/templates/mail.notice.template.html b/service/src/utils/templates/mail.notice.template.html
@@ -18,7 +18,7 @@
 					class="avatar"
 					style="
 						background-color: #eee;
-						background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
+						background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.svg');
 						width: 10em;
 						height: 10em;
 						margin: 5em auto 0;
diff --git a/service/src/utils/templates/mail.resetpassword.template.html b/service/src/utils/templates/mail.resetpassword.template.html
@@ -18,7 +18,7 @@
 					class="avatar"
 					style="
 						background-color: #eee;
-						background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
+						background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.svg');
 						width: 10em;
 						height: 10em;
 						margin: 5em auto 0;
diff --git a/service/src/utils/templates/mail.template.html b/service/src/utils/templates/mail.template.html
@@ -18,7 +18,7 @@
 					class="avatar"
 					style="
 						background-color: #eee;
-						background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
+						background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.svg');
 						width: 10em;
 						height: 10em;
 						margin: 5em auto 0;
diff --git a/src/assets/avatar.jpg b/src/assets/avatar.jpg
diff --git a/src/assets/avatar.svg b/src/assets/avatar.svg
@@ -0,0 +1,17 @@
+<svg width="256" height="256" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Default avatar">
+  <defs>
+    <radialGradient id="avatarBg" cx="50%" cy="40%" r="70%">
+      <stop offset="0" stop-color="#FDFEFF"/>
+      <stop offset="0.6" stop-color="#EAF4FF"/>
+      <stop offset="1" stop-color="#D6E9FF"/>
+    </radialGradient>
+  </defs>
+  <circle cx="128" cy="128" r="128" fill="url(#avatarBg)"/>
+  <g fill="none" stroke="#1E90FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="12">
+    <circle cx="128" cy="96" r="48"/>
+    <circle cx="110" cy="96" r="2"/>
+    <circle cx="146" cy="96" r="2"/>
+    <path d="M116 114c4 4 20 4 24 0"/>
+    <path d="M48 240c12-52 58-88 80-88s68 36 80 88"/>
+  </g>
+</svg>
diff --git a/src/components/common/UserAvatar/index.vue b/src/components/common/UserAvatar/index.vue
@@ -1,5 +1,5 @@
 <script setup lang='ts'>
-import defaultAvatar from '@/assets/avatar.jpg'
+import defaultAvatar from '@/assets/avatar.svg'
 import { useBasicLayout } from '@/hooks/useBasicLayout'
 import { useAuthStore, useUserStore } from '@/store'
 import { isString } from '@/utils/is'
diff --git a/src/views/chat/components/Message/Avatar.vue b/src/views/chat/components/Message/Avatar.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import defaultAvatar from '@/assets/avatar.jpg'
+import defaultAvatar from '@/assets/avatar.svg'
 import { useUserStore } from '@/store'
 import { isString } from '@/utils/is'
 
@@ -21,7 +21,12 @@ const avatar = computed(() => userStore.userInfo.avatar)
   </template>
   <span v-else class="text-[28px] dark:text-white">
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" width="1em" height="1em">
-      <path d="M29.71,13.09A8.09,8.09,0,0,0,20.34,2.68a8.08,8.08,0,0,0-13.7,2.9A8.08,8.08,0,0,0,2.3,18.9,8,8,0,0,0,3,25.45a8.08,8.08,0,0,0,8.69,3.87,8,8,0,0,0,6,2.68,8.09,8.09,0,0,0,7.7-5.61,8,8,0,0,0,5.33-3.86A8.09,8.09,0,0,0,29.71,13.09Zm-12,16.82a6,6,0,0,1-3.84-1.39l.19-.11,6.37-3.68a1,1,0,0,0,.53-.91v-9l2.69,1.56a.08.08,0,0,1,.05.07v7.44A6,6,0,0,1,17.68,29.91ZM4.8,24.41a6,6,0,0,1-.71-4l.19.11,6.37,3.68a1,1,0,0,0,1,0l7.79-4.49V22.8a.09.09,0,0,1,0,.08L13,26.6A6,6,0,0,1,4.8,24.41ZM3.12,10.53A6,6,0,0,1,6.28,7.9v7.57a1,1,0,0,0,.51.9l7.75,4.47L11.85,22.4a.14.14,0,0,1-.09,0L5.32,18.68a6,6,0,0,1-2.2-8.18Zm22.13,5.14-7.78-4.52L20.16,9.6a.08.08,0,0,1,.09,0l6.44,3.72a6,6,0,0,1-.9,10.81V16.56A1.06,1.06,0,0,0,25.25,15.67Zm2.68-4-.19-.12-6.36-3.7a1,1,0,0,0-1.05,0l-7.78,4.49V9.2a.09.09,0,0,1,0-.09L19,5.4a6,6,0,0,1,8.91,6.21ZM11.08,17.15,8.38,15.6a.14.14,0,0,1-.05-.08V8.1a6,6,0,0,1,9.84-4.61L18,3.6,11.61,7.28a1,1,0,0,0-.53.91ZM12.54,14,16,12l3.47,2v4L16,20l-3.47-2Z" fill="currentColor" />
+      <g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+        <rect x="6" y="8" width="20" height="16" rx="3" />
+        <circle cx="12.5" cy="16" r="2" />
+        <circle cx="19.5" cy="16" r="2" />
+        <path d="M16 6v-3" />
+      </g>
     </svg>
   </span>
 </template>
