From e1e5579e8fe71ed97e2ce11d907705157874bd71 Mon Sep 17 00:00:00 2001
From: Soybean <2570172956@qq.com>
Date: Fri, 15 Oct 2021 02:25:52 +0800
Subject: [PATCH] =?UTF-8?q?feat(projects):=20=E6=B7=BB=E5=8A=A0svg=20logo?=
 =?UTF-8?q?=E8=87=AA=E9=80=82=E5=BA=94=E4=B8=BB=E9=A2=98=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/svg/avatar/avatar01.svg            |  1 +
 .../SystemLogo/components/SvgFillLogo.vue     | 38 ++++++++++++++++++
 .../common/SystemLogo/components/SvgLogo.vue  | 39 +++++++++++++++++++
 .../common/SystemLogo/components/index.ts     |  4 ++
 src/components/common/SystemLogo/index.vue    | 17 ++++----
 .../GlobalHeader/components/UserAvatar.vue    |  6 +--
 .../components/common/GlobalLogo.vue          |  7 +++-
 7 files changed, 100 insertions(+), 12 deletions(-)
 create mode 100644 src/assets/svg/avatar/avatar01.svg
 create mode 100644 src/components/common/SystemLogo/components/SvgFillLogo.vue
 create mode 100644 src/components/common/SystemLogo/components/SvgLogo.vue
 create mode 100644 src/components/common/SystemLogo/components/index.ts

diff --git a/src/assets/svg/avatar/avatar01.svg b/src/assets/svg/avatar/avatar01.svg
new file mode 100644
index 00000000..de4bce2a
--- /dev/null
+++ b/src/assets/svg/avatar/avatar01.svg
@@ -0,0 +1 @@
+<svg id="eb3b8723-41b0-4d9f-a59f-ffd4b630357a" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 134.49 134.49"><path d="M134.49,67.25A67.25,67.25,0,1,1,67.25,0a67.23,67.23,0,0,1,67.24,67.25" style="fill:#f3f3f2"/><polygon points="64.47 103.16 64.47 103.16 64.47 103.16 64.47 103.16" style="fill:#f1caae"/><path d="M66.87,90.15c8.11-6.21,11-10.25,12.24-11a17.94,17.94,0,0,1-.69-4.23c-4,3.34-5.73,4.49-11,4.31-5.69.19-7.28-1.15-12-5.14L55.35,74a19,19,0,0,1-.72,5.14C55.86,79.89,58.76,83.93,66.87,90.15Z" style="fill:#f1caae"/><path d="M61.56,121.66c.31-2,.61-4,.9-5.91h0l0-.11c.93-6,1.7-10.86,2-12.48h0a1.17,1.17,0,0,1-.36-.34h0a.6.6,0,0,1-.09-.13h0c-.16-.36-.32-.69-.48-1,0-.06-.07-.13-.1-.2a16.73,16.73,0,0,1-2-4.43c0-.15,0-.3-.07-.46v0a4,4,0,0,0-1,2.65c.33,3.56-10.83-9.56-10.65-14.6a38.55,38.55,0,0,1-4,1.9h0A219.52,219.52,0,0,0,61.56,121.66Z" style="fill:#9d9d9d"/><path d="M23.63,94.06h0l-.09,0h.05S23.62,94.07,23.63,94.06Z" style="fill:#9d9d9d"/><path d="M73.3,99.2a4,4,0,0,0-1-2.64.06.06,0,0,1,0,0c0,.16,0,.31-.06.46A7.17,7.17,0,0,1,72,98h0a27.91,27.91,0,0,1-1.71,3.52l-.11.21c-.16.31-.32.65-.48,1a1,1,0,0,1-.09.13h0a1.1,1.1,0,0,1-.37.34c.29,1.6,1.06,6.35,2,12.32a2.34,2.34,0,0,0,0,.26h0c.23,1.54.48,3.15.73,4.81A208.85,208.85,0,0,0,87.47,86.38h0A37.69,37.69,0,0,1,84,84.7C84,89.82,73,102.73,73.3,99.2Z" style="fill:#9d9d9d"/><path d="M109.7,94.11a5.22,5.22,0,0,1,.63.11l-.73-.28h0S109.68,94,109.7,94.11Z" style="fill:#9d9d9d"/><path d="M23.6,94.09h-.05a4.67,4.67,0,0,0-.84.15c-3,.81-5.08,8.11-6.94,16.26a67.51,67.51,0,0,0,16.1,13.93,33.36,33.36,0,0,0-.42-4.63C30.32,113.55,22.66,94.93,23.6,94.09Z" style="fill:#959494"/><path d="M117.63,111.76c-2-8.62-4-16.67-7.21-17.52l-.09,0a5.22,5.22,0,0,0-.63-.11c.39,1.91-6.82,19.65-7.91,25.69a34.76,34.76,0,0,0-.44,5.4" style="fill:#959494"/><path d="M71.29,119.06H69.64v-3.73h1.58l0,.15c-.92-6-1.69-10.72-2-12.32l-.1.07a1.29,1.29,0,0,1-.28.08v.09H68l-.89.06v0h-.56v0l-.88-.06h-.86v-.09a1.2,1.2,0,0,1-.27-.08l-.11-.07h0c-.29,1.62-1.06,6.44-2,12.48l0-.31h1.59v3.73H62.46v-3.31c-.29,1.87-.59,3.86-.9,5.91h0c0-.34.1-.69.15-1v1.28l.75,1.25v-2.62h1.65v3.73h-1c.57.91,1.14,1.78,1.7,2.58v-1.09H66.5v2.82c.25-.29.5-.6.75-.91v-1.91h1.42c.34-.48.68-1,1-1.49h0v-3.73h1.65v1.22l.73-1.22c-.25-1.66-.5-3.27-.73-4.81Zm-1.65-13.74c.15.91.33,2,.53,3.3h-.53Zm0,4.79h.77c.18,1.16.38,2.4.58,3.73H69.64Zm-3.14-5.22v3.73H64.85v-3.73Zm-2.39,9H62.75c.21-1.33.4-2.57.59-3.73h.77Zm0-5.22h-.54l.54-3.31Zm2.39,15.66H64.85v-3.73H66.5Zm0-5.22H64.85v-3.73H66.5Zm0-5.22H64.85v-3.73H66.5Zm2.39,10.44H67.25v-3.73h1.64Zm0-5.22H67.25v-3.73h1.64Zm0-5.22H67.25v-3.73h1.64Zm0-5.22H67.25v-3.73h1.64Z" style="fill:#f0f0f0"/><path d="M63.53,101.69c.16.32.32.65.48,1h0C63.85,102.34,63.69,102,63.53,101.69Z" style="fill:#fff"/><path d="M61.41,96.55v0Z" style="fill:#fff"/><path d="M72.27,97.06A7.17,7.17,0,0,1,72,98,7.17,7.17,0,0,0,72.27,97.06Z" style="fill:#fff"/><path d="M72.34,96.56h0a.09.09,0,0,1,0,0A.06.06,0,0,0,72.34,96.56Z" style="fill:#fff"/><path d="M70.21,101.7c-.16.32-.32.64-.48,1C69.89,102.35,70.05,102,70.21,101.7Z" style="fill:#fff"/><path d="M64.58,103.23a1.2,1.2,0,0,0,.27.08V99.67H66.5v3.73h-.79l.88.06v0h.56v0l.89-.06h-.79V99.67h1.64v3.64a1.29,1.29,0,0,0,.28-.08l.1-.07a1.1,1.1,0,0,0,.37-.34V99.67h1.64c-.29.57-.62,1.16-1,1.82A27.91,27.91,0,0,0,72,98V96.15c-.23-.29-.48-.57-.74-.86v2.89H69.64V94.45h.82c-.55-.52-1.11-1-1.63-1.49H67.25v-1.5a3.56,3.56,0,0,1-.38-.47,2.79,2.79,0,0,1-.37.47V93H64.91c-.52.47-1.08,1-1.62,1.49h.82v3.73H62.46V95.29c-.27.28-.52.57-.75.86V98a7.13,7.13,0,0,1-.23-.91,16.73,16.73,0,0,0,2,4.43c-.34-.65-.67-1.25-1-1.82h1.64v3.15a1.17,1.17,0,0,0,.36.34h0Zm2.67-8.78h1.64v3.73H67.25Zm-2.4,0H66.5v3.73H64.85Z" style="fill:#fff"/><polygon points="66.5 99.67 64.85 99.67 64.85 103.31 64.85 103.4 65.71 103.4 66.5 103.4 66.5 99.67" style="fill:#040000"/><rect x="64.85" y="104.89" width="1.65" height="3.73" style="fill:#040000"/><rect x="64.85" y="94.45" width="1.65" height="3.73" style="fill:#040000"/><rect x="64.85" y="110.11" width="1.65" height="3.73" style="fill:#040000"/><path d="M64.85,125.77v1.09c.49.7,1,1.35,1.45,2l.2-.23v-2.82Z" style="fill:#040000"/><rect x="64.85" y="120.55" width="1.65" height="3.73" style="fill:#040000"/><rect x="64.85" y="115.33" width="1.65" height="3.73" style="fill:#040000"/><path d="M61.56,121.66l.15.26v-1.28C61.66,121,61.61,121.32,61.56,121.66Z" style="fill:#040000"/><path d="M62.46,98.18h1.65V94.45h-.82c-.29.28-.56.56-.83.84Z" style="fill:#040000"/><path d="M61.71,96.15l-.3.4v0c0,.16,0,.31.07.46a7.13,7.13,0,0,0,.23.91Z" style="fill:#040000"/><path d="M64.11,99.67H62.47c.29.57.62,1.17,1,1.82,0,.07.07.14.1.2.16.32.32.65.48,1h0a.6.6,0,0,0,.09.13h0Z" style="fill:#040000"/><path d="M64.11,120.55H62.46v2.62q.34.57.69,1.11h1Z" style="fill:#040000"/><path d="M64.11,119.06v-3.73H62.52l0,.31,0,.11h0v3.31Z" style="fill:#040000"/><path d="M64.11,108.62v-3.31l-.54,3.31Z" style="fill:#040000"/><path d="M62.75,113.84h1.36v-3.73h-.77C63.15,111.27,63,112.51,62.75,113.84Z" style="fill:#040000"/><path d="M69.64,120.55v3.73h0c.53-.8,1.06-1.63,1.6-2.51v-1.22Z" style="fill:#040000"/><path d="M69.64,115.33v3.73h1.65v-3.32h0a2.34,2.34,0,0,1,0-.26l0-.15Z" style="fill:#040000"/><path d="M66.5,91.46c-.4.43-1,.94-1.59,1.5H66.5Z" style="fill:#040000"/><path d="M68.83,93c-.63-.56-1.19-1.07-1.58-1.5V93Z" style="fill:#040000"/><rect x="67.25" y="110.11" width="1.65" height="3.73" style="fill:#040000"/><rect x="67.25" y="120.55" width="1.65" height="3.73" style="fill:#040000"/><rect x="67.25" y="115.33" width="1.65" height="3.73" style="fill:#040000"/><polygon points="68.89 99.67 67.25 99.67 67.25 103.4 68.04 103.4 68.89 103.4 68.89 103.31 68.89 99.67" style="fill:#040000"/><rect x="67.25" y="104.89" width="1.65" height="3.73" style="fill:#040000"/><path d="M67.25,127.68c.47-.6.94-1.23,1.42-1.91H67.25Z" style="fill:#040000"/><rect x="67.25" y="94.45" width="1.65" height="3.73" style="fill:#040000"/><path d="M69.64,105.32v3.3h.53C70,107.35,69.79,106.23,69.64,105.32Z" style="fill:#040000"/><path d="M69.64,99.67v3.15h0a1,1,0,0,0,.09-.13c.16-.36.32-.68.48-1l.11-.21c.34-.66.67-1.25,1-1.82Z" style="fill:#040000"/><path d="M72,98h0a7.17,7.17,0,0,0,.24-.91c0-.15,0-.3.06-.46a.09.09,0,0,0,0,0c-.1-.13-.2-.27-.31-.4V98Z" style="fill:#040000"/><path d="M69.64,98.18h1.65V95.29l-.83-.84h-.82Z" style="fill:#040000"/><path d="M70.41,110.11h-.77v3.73H71C70.79,112.51,70.59,111.27,70.41,110.11Z" style="fill:#040000"/><path d="M60.45,99.2a4,4,0,0,1,1-2.65h0l.3-.4c.23-.29.48-.58.75-.86s.54-.56.83-.84c.54-.52,1.1-1,1.62-1.49s1.19-1.07,1.59-1.5a2.79,2.79,0,0,0,.37-.47,3.56,3.56,0,0,0,.38.47c.39.43,1,.94,1.58,1.5s1.08,1,1.63,1.49l.83.84c.26.29.51.57.74.86.11.13.21.27.31.4h0a4,4,0,0,1,1,2.64C73,102.73,84,89.82,84,84.7c0-.12,0-.24,0-.36-.09-.72-2.2-1.82-4.15-5.11-.15-.26-.36-.27-.68-.08-1.23.75-4.13,4.79-12.24,11-8.11-6.22-11-10.26-12.24-11-.31-.19-.53-.18-.68.08-2,3.29-4.05,4.39-4.14,5.11a2.17,2.17,0,0,0,0,.26C49.62,89.64,60.78,102.76,60.45,99.2Z" style="fill:#838384"/><path d="M62.49,132.11a13.73,13.73,0,0,0,3.81-3.29c-.47-.61-1-1.26-1.45-2s-1.13-1.67-1.7-2.58q-.34-.54-.69-1.11l-.75-1.25-.15-.26h0A219.52,219.52,0,0,1,45.81,86.5h0c-.49-1.25-21,7-22.17,7.56h0s0,0,0,0c-.94.84,6.72,19.46,7.85,25.71a33.36,33.36,0,0,1,.42,4.63A66.72,66.72,0,0,0,62,134.27C62.15,133,62.3,132.21,62.49,132.11Z" style="fill:#282629"/><path d="M101.35,125.2a34.76,34.76,0,0,1,.44-5.4c1.09-6,8.3-23.78,7.91-25.69,0-.08,0-.15-.09-.17h0c-1.17-.52-21.69-8.84-22.13-7.56h0A208.85,208.85,0,0,1,72,120.55l-.73,1.22c-.54.88-1.07,1.71-1.6,2.51-.34.51-.68,1-1,1.49-.48.68-1,1.31-1.42,1.91-.25.31-.5.62-.75.91l-.2.23a13.73,13.73,0,0,1-3.81,3.29c-.19.1-.34.89-.47,2.16,1.73.13,3.47.22,5.23.22a66.88,66.88,0,0,0,34.1-9.29" style="fill:#1a1a1b"/><path d="M67.41,79.23c5.28.18,7-1,11-4.31l1-.83c4.93-4.19,2.44-12.94,5.44-12.39s6.29-7.44,4.18-9.45c-1-.09-1.87.88-2.66,2.2-.89,1.49-.54,3.79-1.42,3.74-1.19-4-.93-7.62-.69-11.81C76,48.8,67.47,50.06,60.59,45c-1.41-1-2.77-2.4-4.91-2.36-2.47,0-3.46,1.5-3.11,3.87.17,1.19.25,2.8.32,3.5A10.07,10.07,0,0,1,51,56.1c-.37.38-1.27,2-1.8,2.09s-.14-2.47-1.62-4.69c-1.16-1.75-1.7-1.37-1.7-1.37C43.56,54,47,62.25,50,61.7s.55,8.1,5.37,12.31l.08.08C60.13,78.08,61.72,79.42,67.41,79.23Z" style="fill:#f9d2b5"/><path d="M47.61,53.5c1.48,2.22,1.18,4.8,1.62,4.69s1.43-1.71,1.8-2.09A10.07,10.07,0,0,0,52.89,50c-.07-.7-.15-2.31-.32-3.5-.35-2.37.64-3.83,3.11-3.87,2.14,0,3.5,1.32,4.91,2.36,6.88,5.05,15.4,3.79,23.66,1.37-.24,4.19-.5,7.78.69,11.81.88.05.53-2.25,1.42-3.74.79-1.32,1.63-2.29,2.66-2.2a2.87,2.87,0,0,1,.38.08c2.46-5.22,2.72-13.7.29-18.93s-6.3-7.68-10.14-12c.35,1.18-1.24,2.95-2.75,3.08-1.26.12-3.35-.56-4.61-.71-6.36-.77-10-1.06-15.18.77a19.36,19.36,0,0,0-7.22,4.22,19.88,19.88,0,0,0-5.18,10.65,26.75,26.75,0,0,0-.19,6.38c.12,1.14.81,5.36,1.49,6.38C45.91,52.13,46.45,51.75,47.61,53.5Z" style="fill:#554c44"/></svg>
\ No newline at end of file
diff --git a/src/components/common/SystemLogo/components/SvgFillLogo.vue b/src/components/common/SystemLogo/components/SvgFillLogo.vue
new file mode 100644
index 00000000..a387229f
--- /dev/null
+++ b/src/components/common/SystemLogo/components/SvgFillLogo.vue
@@ -0,0 +1,38 @@
+<template>
+  <svg viewBox="0 0 158.88 158.88">
+    <path
+      d="M158.86.3q0,78.74,0,157.48c0,.9-.2,1.1-1.1,1.1q-78.77,0-157.52,0a2.61,2.61,0,0,1-.11-1.3q0-78,0-155.91C.14,0,0,.18,1.61.18h156A2.62,2.62,0,0,1,158.86.3Z"
+      :style="{ fill: color }"
+    />
+    <path
+      d="M158.86.3H2C0,.31.27,0,.27,2q0,78.42,0,156.85c-.07-.05-.25.12-.24-.12s0-.64,0-1Q0,79.46,0,1.14C0,.24.2,0,1.1,0l156.68,0C158.13.08,158.59-.2,158.86.3Z"
+      style="fill: #fefefe"
+    />
+    <path
+      d="M93.65,51.52a68.65,68.65,0,0,1-6.47,28.81,1.72,1.72,0,0,0,.19,2c6.08,8.28,13.58,14.79,23.19,18.69a46.22,46.22,0,0,0,17.15,3.39,28.87,28.87,0,0,0,3.34-.25,6.2,6.2,0,0,1,7,5.12,6.07,6.07,0,0,1-5.15,7.14,50.39,50.39,0,0,1-18.06-1c-15.85-3.66-28-12.75-37.44-25.7a2.15,2.15,0,0,0-2.23-1.09C61.17,90,49,95.06,39.67,105.84a38.47,38.47,0,0,0-6.23,9.74A6.21,6.21,0,0,1,25.27,119,6.14,6.14,0,0,1,22,110.8a49.31,49.31,0,0,1,9.63-14.62c10.56-11.44,23.8-17.54,39.09-19.54a13.93,13.93,0,0,1,2.84-.34c1.61.14,2.18-.73,2.73-2A54.38,54.38,0,0,0,81.12,51a44,44,0,0,0-8-25,6.11,6.11,0,0,1-.65-6.46A6,6,0,0,1,77.75,16a6.34,6.34,0,0,1,5.66,3,53.61,53.61,0,0,1,7.17,14.28A59.33,59.33,0,0,1,93.65,51.52Z"
+      style="fill: #fefefe"
+    />
+    <path
+      d="M46.92,118.63a6,6,0,0,1,1.35-3.88,37.89,37.89,0,0,1,22.5-14,6.08,6.08,0,0,1,6.65,2.47,6.18,6.18,0,0,1-3.84,9.63,26.09,26.09,0,0,0-15.71,9.77,6.2,6.2,0,0,1-10.95-4Z"
+      style="fill: #fefefe"
+    />
+    <path
+      d="M124.3,92.8a34.66,34.66,0,0,1-9.82-2.48A35.46,35.46,0,0,1,99.83,79.87a6.19,6.19,0,0,1,2.84-9.93,5.79,5.79,0,0,1,6.44,1.73,26.79,26.79,0,0,0,16.51,8.85,6,6,0,0,1,5,5.54,6.21,6.21,0,0,1-4.29,6.46A6.55,6.55,0,0,1,124.3,92.8Z"
+      style="fill: #fefefe"
+    />
+    <path
+      d="M69.32,53.27a33.46,33.46,0,0,1-2.27,12.52,6.21,6.21,0,0,1-10.94,1,6.09,6.09,0,0,1-.65-5.4,26,26,0,0,0-.53-18.25,6.21,6.21,0,0,1,11.49-4.72A40.24,40.24,0,0,1,69.32,53.27Z"
+      style="fill: #fefefe"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts">
+defineProps({
+  color: {
+    type: String,
+    default: '#409EFF'
+  }
+});
+</script>
+<style scoped></style>
diff --git a/src/components/common/SystemLogo/components/SvgLogo.vue b/src/components/common/SystemLogo/components/SvgLogo.vue
new file mode 100644
index 00000000..e5a42da2
--- /dev/null
+++ b/src/components/common/SystemLogo/components/SvgLogo.vue
@@ -0,0 +1,39 @@
+<template>
+  <svg viewBox="0 0 158.88 158.88">
+    <path
+      d="M0,158.86Q0,80,0,1.1C0,.2.2,0,1.1,0Q79.44,0,157.78,0c.9,0,1.1.2,1.1,1.1q0,78.35,0,156.68c0,.9-.2,1.1-1.1,1.1Q78.9,158.83,0,158.86Z"
+      transform="translate(0)"
+      style="fill: #fefefe"
+    />
+    <path
+      d="M81.28,55.9c-.1-11.67-2.93-22.55-9.37-32.38-1-1.5-2.14-2.86-2.5-4.71a8.1,8.1,0,0,1,4-8.61,7.89,7.89,0,0,1,9.3,1.23,36,36,0,0,1,5.9,8.83,75.18,75.18,0,0,1,8.44,28.58,83.21,83.21,0,0,1-5.23,36.74c-.91,2.47-1.91,4.9-3,7.28a1.2,1.2,0,0,0,0,1.41c9.58,13.3,21.76,23,37.85,27.24a54.35,54.35,0,0,0,19.68,1.57,7.72,7.72,0,0,1,8.36,6.9,7.9,7.9,0,0,1-6.7,9,64.74,64.74,0,0,1-23-1.33,77.68,77.68,0,0,1-36.93-19.88,93.64,93.64,0,0,1-11.91-13.71A2.18,2.18,0,0,0,73.87,103a72.75,72.75,0,0,0-27.38,7.55c-11.6,6-20.67,14.58-26.4,26.45a10.13,10.13,0,0,1-3.7,4.7A8,8,0,0,1,7.2,141a7.86,7.86,0,0,1-2.36-9.28,60.32,60.32,0,0,1,8.72-14.52c12.2-15.43,28.21-24.59,47.32-28.57A85.08,85.08,0,0,1,73.07,87a1.22,1.22,0,0,0,1.18-.8A76.06,76.06,0,0,0,80.78,63.9,57.87,57.87,0,0,0,81.28,55.9Z"
+      transform="translate(0)"
+      :style="{ fill: color }"
+    />
+    <path
+      d="M136.26,108.34a44.72,44.72,0,0,1-11.13-2.87,46.11,46.11,0,0,1-19.66-13.76,8,8,0,0,1,5.72-13.22,7.93,7.93,0,0,1,6.54,2.93A33.27,33.27,0,0,0,136.6,92.17a14.76,14.76,0,0,1,4.48,1.18,8.08,8.08,0,0,1,3.84,9.21C144,106.08,140.79,108.37,136.26,108.34Z"
+      transform="translate(0)"
+      :style="{ fill: color }"
+    />
+    <path
+      d="M55.66,33.32a7.61,7.61,0,0,1,6.64,5,49.14,49.14,0,0,1,3.64,17,46.33,46.33,0,0,1-2.46,17.28c-2,5.77-8.24,7.79-12.89,4.15a8.1,8.1,0,0,1-2.39-9,31.68,31.68,0,0,0,1.68-12.36,35.77,35.77,0,0,0-2.43-11C45.35,38.94,49.2,33.32,55.66,33.32Z"
+      transform="translate(0)"
+      :style="{ fill: color }"
+    />
+    <path
+      d="M77.92,126.57a8,8,0,0,1-6.68,7.86,32.88,32.88,0,0,0-19.7,12.19,8.13,8.13,0,0,1-11.21,1.62,8,8,0,0,1-1.41-11.58A51.05,51.05,0,0,1,54,123.81a45.85,45.85,0,0,1,14-5.1C73.35,117.67,77.91,121.27,77.92,126.57Z"
+      transform="translate(0)"
+      :style="{ fill: color }"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts">
+defineProps({
+  color: {
+    type: String,
+    default: '#409EFF'
+  }
+});
+</script>
+<style scoped></style>
diff --git a/src/components/common/SystemLogo/components/index.ts b/src/components/common/SystemLogo/components/index.ts
new file mode 100644
index 00000000..35465521
--- /dev/null
+++ b/src/components/common/SystemLogo/components/index.ts
@@ -0,0 +1,4 @@
+import SvgLogo from './SvgLogo.vue';
+import SvgFillLogo from './SvgFillLogo.vue';
+
+export { SvgLogo, SvgFillLogo };
diff --git a/src/components/common/SystemLogo/index.vue b/src/components/common/SystemLogo/index.vue
index 897fee3f..194c7796 100644
--- a/src/components/common/SystemLogo/index.vue
+++ b/src/components/common/SystemLogo/index.vue
@@ -1,19 +1,22 @@
 <template>
-  <img :src="logoSrc" alt="" />
+  <div>
+    <svg-fill-logo v-if="fill" :color="color" />
+    <svg-logo v-else :color="color" />
+  </div>
 </template>
 
 <script lang="ts" setup>
-import { computed } from 'vue';
-import logo from '@/assets/img/common/logo.png';
-import logoFill from '@/assets/img/common/logo-fill.png';
+import { SvgLogo, SvgFillLogo } from './components';
 
-const props = defineProps({
+defineProps({
   fill: {
     type: Boolean,
     default: false
+  },
+  color: {
+    type: String,
+    default: '#409EFF'
   }
 });
-
-const logoSrc = computed(() => (props.fill ? logoFill : logo));
 </script>
 <style scoped></style>
diff --git a/src/layouts/BasicLayout/components/GlobalHeader/components/UserAvatar.vue b/src/layouts/BasicLayout/components/GlobalHeader/components/UserAvatar.vue
index 092807cd..ec699f9e 100644
--- a/src/layouts/BasicLayout/components/GlobalHeader/components/UserAvatar.vue
+++ b/src/layouts/BasicLayout/components/GlobalHeader/components/UserAvatar.vue
@@ -1,18 +1,18 @@
 <template>
   <n-dropdown :options="options" @select="handleDropdown">
     <hover-container class="px-12px" :show-tooltip="false">
-      <n-avatar :src="avatar" size="small" :round="true" />
+      <img :src="avatar" class="w-32px h-32px" />
       <span class="pl-8px text-16px font-medium">Soybean</span>
     </hover-container>
   </n-dropdown>
 </template>
 
 <script lang="ts" setup>
-import { NDropdown, NAvatar } from 'naive-ui';
+import { NDropdown } from 'naive-ui';
 import { UserAvatar, Logout } from '@vicons/carbon';
 import { dynamicIconRender, resetAuthStorage } from '@/utils';
 import { HoverContainer } from '@/components';
-import avatar from '@/assets/img/common/logo-fill.png';
+import avatar from '@/assets/svg/avatar/avatar01.svg';
 
 type DropdownKey = 'user-center' | 'logout';
 
diff --git a/src/layouts/BasicLayout/components/common/GlobalLogo.vue b/src/layouts/BasicLayout/components/common/GlobalLogo.vue
index 3eb1c8d0..bb8465e4 100644
--- a/src/layouts/BasicLayout/components/common/GlobalLogo.vue
+++ b/src/layouts/BasicLayout/components/common/GlobalLogo.vue
@@ -1,12 +1,13 @@
 <template>
   <a href="/" class="logo-height nowrap-hidden flex-center cursor-pointer">
-    <img src="@/assets/img/common/logo.png" alt="" class="w-32px h-32px" />
-    <h2 v-show="showTitle" class="pl-8px text-16px text-primary font-bold">{{ title }}</h2>
+    <system-logo class="w-32px h-32px" :color="primaryColor" />
+    <h2 v-show="showTitle" class="pl-8px text-16px font-bold" :style="{ color: primaryColor }">{{ title }}</h2>
   </a>
 </template>
 
 <script lang="ts" setup>
 import { computed } from 'vue';
+import { SystemLogo } from '@/components';
 import { useAppStore, useThemeStore } from '@/store';
 import { useAppTitle } from '@/hooks';
 
@@ -17,6 +18,8 @@ const title = useAppTitle();
 const showTitle = computed(
   () => !theme.isVerticalNav || (!app.menu.collapsed && theme.navStyle.mode !== 'vertical-mix')
 );
+
+const primaryColor = computed(() => theme.themeColor);
 const headerHeight = computed(() => {
   const { height } = theme.headerStyle;
   return `${height}px`;