diff --git a/src/components/Header/src/Controls.vue b/src/components/Header/src/Controls.vue
index 1c22de9a..33b0c74d 100644
--- a/src/components/Header/src/Controls.vue
+++ b/src/components/Header/src/Controls.vue
@@ -9,11 +9,21 @@
       data-dia="search"
       @click="handleOpenModal(true)"
     >
-      <SvgIcon icon-class="search" stroke="var(--text-white)" />
+      <SvgIcon
+        icon-class="search"
+        stroke="var(--text-white)"
+        width="2rem"
+        height="2rem"
+      />
     </span>
     <Dropdown v-if="enableMultiLanguage" @command="handleClick">
       <span class="ob-drop-shadow" data-dia="language">
-        <SvgIcon icon-class="globe" stroke="var(--text-white)" />
+        <SvgIcon
+          icon-class="globe"
+          stroke="var(--text-white)"
+          width="2rem"
+          height="2rem"
+        />
         <span v-if="$i18n.locale == 'cn'">中文</span>
         <span v-if="$i18n.locale == 'en'">EN</span>
       </span>
@@ -93,8 +103,6 @@ export default defineComponent({
     }
     .svg-icon {
       stroke: #fff;
-      height: 2rem;
-      width: 2rem;
       margin-right: 0.5rem;
       pointer-events: none;
     }
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index dc02f8b0..c4577d42 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -5,7 +5,13 @@
     class="svg-external-icon svg-icon"
     v-bind="$attrs"
   />
-  <svg v-else :class="svgClass" aria-hidden="true" v-bind="$attrs">
+  <svg
+    v-else
+    :class="svgClass"
+    aria-hidden="true"
+    v-bind="$attrs"
+    :style="{ height: svgStyle.height, width: svgStyle.width }"
+  >
     <use
       :href="iconName"
       :fill="fill !== '' ? fill : svgStyle.fill"
@@ -47,9 +53,25 @@ export default defineComponent({
     svgType: {
       type: String as PropType<SvgTypes>,
       default: 'fill'
+    },
+    width: {
+      type: String,
+      default: '1em'
+    },
+    height: {
+      type: String,
+      default: '1em'
     }
   },
-  setup(props: { iconClass: string; className: string; svgType: SvgTypes }) {
+  setup(props: {
+    iconClass: string
+    className: string
+    svgType: SvgTypes
+    fill: string
+    stroke: string
+    width: string
+    height: string
+  }) {
     const appStore = useAppStore()
     const isExternalClass = computed(() => isExternalIcon(props.iconClass))
 
@@ -74,16 +96,25 @@ export default defineComponent({
       svgStyle: computed(() => {
         if (props.svgType === SvgTypes.fill) {
           return {
-            fill: 'currentColor',
-            stroke:
-              appStore.theme === 'theme-dark'
-                ? 'var(--background-primary)'
-                : 'white'
+            fill: props.fill ? props.fill : 'currentColor',
+            stroke: props.stroke
+              ? props.stroke
+              : appStore.theme === 'theme-dark'
+              ? 'var(--background-primary)'
+              : 'white',
+            width: props.width,
+            height: props.height
           }
         } else {
           return {
-            fill: 'none',
-            stroke: appStore.theme === 'theme-dark' ? 'white' : 'currentColor'
+            fill: props.fill ? props.fill : 'none',
+            stroke: props.stroke
+              ? props.stroke
+              : appStore.theme === 'theme-dark'
+              ? 'white'
+              : 'currentColor',
+            width: props.width,
+            height: props.height
           }
         }
       }),
@@ -98,8 +129,6 @@ export default defineComponent({
 
 <style scoped>
 .svg-icon {
-  width: 1em;
-  height: 1em;
   vertical-align: -0.15em;
   overflow: hidden;
   display: inline;
diff --git a/src/icons/clock-outline.svg b/src/icons/clock-outline.svg
index e1bef828..ae9b235b 100644
--- a/src/icons/clock-outline.svg
+++ b/src/icons/clock-outline.svg
@@ -1,8 +1,12 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-reactroot="">
-<path stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="" fill="none" d="M12 22C16.9706 22 21 17.9706 21 13C21 8.02944 16.9706 4 12 4C7.02944 4 3 8.02944 3 13C3 17.9706 7.02944 22 12 22Z"></path>
-<path stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" stroke="" d="M18.6699 2L21.9999 5.33"></path>
-<path stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" stroke="" d="M2 5.33L5.33 2"></path>
-<path stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="" d="M13 13H17"></path>
-<path stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="" d="M12 7V12"></path>
-<path stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="" fill="none" d="M12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12C11.4477 12 11 12.4477 11 13C11 13.5523 11.4477 14 12 14Z"></path>
+<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1" stroke="" d="M14 3H10C9.72 3 9.5 2.78 9.5 2.5C9.5 2.22 9.72 2 10 2H14C14.28 2 14.5 2.22 14.5 2.5C14.5 2.78 14.28 3 14 3Z"></path>
+<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1" stroke="" d="M12.5 2H11.5V6H12.5V2Z"></path>
+<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1" stroke="" d="M18.6522 6.65476L17.2946 8.01239L17.9946 8.71242L19.3523 7.35479L18.6522 6.65476Z"></path>
+<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1" stroke="" d="M5.35469 6.64763L4.65466 7.34766L6.0123 8.70529L6.71232 8.00526L5.35469 6.64763Z"></path>
+<path stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1" stroke="" fill="none" d="M12 22C16.4183 22 20 18.4183 20 14C20 9.58172 16.4183 6 12 6C7.58172 6 4 9.58172 4 14C4 18.4183 7.58172 22 12 22Z"></path>
+<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1" stroke="" d="M9 12L12 15L16 11"></path>
+<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1" stroke="" d="M6 14H4"></path>
+<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1" stroke="" d="M20 14H18"></path>
+<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1" stroke="" d="M12 8V6"></path>
+<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1" stroke="" d="M12 22V20"></path>
 </svg>
diff --git a/src/icons/text-outline.svg b/src/icons/text-outline.svg
index dfe65c89..41314cbb 100644
--- a/src/icons/text-outline.svg
+++ b/src/icons/text-outline.svg
@@ -1,4 +1,7 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-reactroot="">
-<path stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" stroke="" d="M16 22H8H12V2"></path>
-<path stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" stroke="" d="M2 6V2H22V6"></path>
+<path fill="none" d="M6.51493 4.12125C5.62459 4.34383 5 5.1438 5 6.06153V6.806C5 5.5889 6.07798 4.65398 7.28284 4.8261L17 6.21427V4.06153C17 2.76039 15.7772 1.80567 14.5149 2.12125L6.51493 4.12125Z" clip-rule="evenodd" fill-rule="evenodd" undefined="1"></path>
+<path fill="black" d="M6.51493 4.12125L6.36941 3.53916L6.36941 3.53916L6.51493 4.12125ZM4.4 6.806C4.4 7.13737 4.66863 7.406 5 7.406C5.33137 7.406 5.6 7.13737 5.6 6.806H4.4ZM7.28284 4.8261L7.3677 4.23213L7.3677 4.23213L7.28284 4.8261ZM17 6.21427L16.9151 6.80824C17.0873 6.83283 17.2617 6.7815 17.3931 6.66754C17.5245 6.55358 17.6 6.3882 17.6 6.21427H17ZM14.5149 2.12125L14.3694 1.53916L14.3694 1.53916L14.5149 2.12125ZM5.6 6.06153C5.6 5.41912 6.03722 4.85914 6.66045 4.70333L6.36941 3.53916C5.21197 3.82852 4.4 4.86848 4.4 6.06153H5.6ZM5.6 6.806V6.06153H4.4V6.806H5.6ZM5.6 6.806C5.6 5.95403 6.35458 5.29958 7.19799 5.42007L7.3677 4.23213C5.80137 4.00837 4.4 5.22377 4.4 6.806H5.6ZM7.19799 5.42007L16.9151 6.80824L17.0849 5.6203L7.3677 4.23213L7.19799 5.42007ZM16.4 4.06153V6.21427H17.6V4.06153H16.4ZM14.6605 2.70333C15.5441 2.48243 16.4 3.15073 16.4 4.06153H17.6C17.6 2.37005 16.0104 1.12892 14.3694 1.53916L14.6605 2.70333ZM6.66045 4.70333L14.6605 2.70333L14.3694 1.53916L6.36941 3.53916L6.66045 4.70333Z" undefined="1"></path>
+<path stroke-linejoin="round" stroke-width="1" stroke="" fill="none" d="M5 6.80602C5 5.58892 6.07798 4.654 7.28284 4.82612L17.2828 6.25469C18.2681 6.39545 19 7.23929 19 8.23459V20.194C19 21.4111 17.922 22.346 16.7172 22.1739L6.71716 20.7453C5.73186 20.6046 5 19.7607 5 18.7654V6.80602Z"></path>
+<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1" stroke="" d="M9 10L15 11"></path>
+<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1" stroke="" d="M9 14L15 15"></path>
 </svg>