From 3461f3e98b295080be9e4bde4e10dc81eaa6c484 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Thu, 10 Jul 2025 10:51:42 +0800
Subject: [PATCH 01/15] feat: icon page

---
 site/src/pages/icons/index.vue |  8 ++++++++
 site/src/routes.js             | 10 +++++++++-
 site/vite.config.js            |  1 -
 3 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 site/src/pages/icons/index.vue

diff --git a/site/src/pages/icons/index.vue b/site/src/pages/icons/index.vue
new file mode 100644
index 000000000..56fdaf4af
--- /dev/null
+++ b/site/src/pages/icons/index.vue
@@ -0,0 +1,8 @@
+<template>
+  <td-icons-view />
+</template>
+<style>
+body {
+  overflow: hidden;
+}
+</style>
diff --git a/site/src/routes.js b/site/src/routes.js
index 26fc01f81..9b9a0b729 100644
--- a/site/src/routes.js
+++ b/site/src/routes.js
@@ -28,7 +28,7 @@ const routes = [
     meta: {
       documentTitle: 'TDesign - 开源的企业级设计体系，为设计师 & 开发者，打造工作美学',
     },
-    component: () => import('./pages/home/index_zh-CN.vue'),
+    component: () => import('./pages/icons/index.vue'),
   },
   {
     path: '/design',
@@ -58,6 +58,14 @@ const routes = [
     },
     component: () => import('./pages/design/trade.vue'),
   },
+  {
+    path: '/icons',
+    name: 'icons',
+    meta: {
+      documentTitle: '图标资源 - TDesign',
+    },
+    component: () => import('./pages/icons/index.vue'),
+  },
   {
     path: '*',
     redirect: '/',
diff --git a/site/vite.config.js b/site/vite.config.js
index c9fe537af..e71c381d2 100644
--- a/site/vite.config.js
+++ b/site/vite.config.js
@@ -36,7 +36,6 @@ export default ({ mode }) => {
       host: '0.0.0.0',
       port: 10000,
       open: '/',
-      https: false,
       fs: {
         strict: false,
       },

From c57ec3885bf3e99070c58170836e6738985187f9 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Thu, 4 Sep 2025 15:47:09 +0800
Subject: [PATCH 02/15] feat: tdesign icon single page

---
 pnpm-lock.yaml                         | 38 ++++++++++--------
 site/package.json                      |  2 +-
 site/src/App.vue                       | 54 +++++++++++++-------------
 site/src/pages/design/source.vue       |  3 +-
 site/src/pages/design/source_zh-CN.vue |  9 ++++-
 site/src/routes.js                     |  2 +-
 6 files changed, 59 insertions(+), 49 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cf57071b4..c9db7f431 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -205,8 +205,8 @@ importers:
         specifier: ^1.29.0
         version: 1.29.0
       tdesign-icons-view:
-        specifier: ^0.3.5
-        version: 0.3.5
+        specifier: 0.4.0-alpha.1
+        version: 0.4.0-alpha.1
       tdesign-icons-vue:
         specifier: ^0.1.4
         version: 0.1.11(vue@2.7.14)
@@ -5132,6 +5132,9 @@ packages:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
+  lodash-es@4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+
   lodash._reinterpolate@3.0.0:
     resolution: {integrity: sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==}
 
@@ -6976,8 +6979,8 @@ packages:
   tdesign-icons-svg@0.0.1:
     resolution: {integrity: sha512-4l05CgPXwI33Y6hU8ytKYIIXVznR22x6blhhtB6MntSHj2xrA+Unx4U/qy+Do/lCMtYao9q1wVkaZvxNjuX7jw==}
 
-  tdesign-icons-view@0.3.5:
-    resolution: {integrity: sha512-LhahUyxAC1u6B5hoj1aqq16TQiOU8NvIPKAOceC269ZawarVt8eEpTPRWmpbJS8+U0OnUaxB4jDtMQi8J6NcGA==}
+  tdesign-icons-view@0.4.0-alpha.1:
+    resolution: {integrity: sha512-Fo7CRiRXaMtomfIc/N6JVRmT7m95VNyLOsmmJC3RHcFARN0MSGwRUlTz0Md5JOIeWarckqhni6U7lBYKyAduKQ==}
 
   tdesign-icons-vue@0.0.8:
     resolution: {integrity: sha512-lxKeMlrRrMuD0AIVIvciK/0GryTJPsOH00LNSPjUkPFznlxua/7N4F39bWJhjHa67/zcPyeHSFvyLjwXi53OCg==}
@@ -6994,13 +6997,13 @@ packages:
     peerDependencies:
       vue: ^2.6.12
 
-  tdesign-icons-vue@0.3.4:
-    resolution: {integrity: sha512-ZENwP8xRwRTvSEI1G5EfxXT0SlsiSSvFqoTpa9bGZ3E1pV8Snr0563d+vWMnt4YpFL7bUIY9RXccj4rUEgm3eg==}
+  tdesign-icons-vue@0.3.6:
+    resolution: {integrity: sha512-FXE5Ryihyamk0cYKY1wuppuAOtyV2W0k2HxgR4EaocbbdmnFUWIcSBL0buNeFAQqSi16HQOtr2KpP9v87IwLXw==}
     peerDependencies:
       vue: ^2.6.12
 
-  tdesign-vue@1.10.5-naruto:
-    resolution: {integrity: sha512-sNi/Ga/beo7gNdyhv11ufOKvnLB1s9zU7Dt14NjHVkSFnYDELr6ck+nTXKYQF3Y0Fd4PVVWn2YaGCCDISZMJ7Q==}
+  tdesign-vue@1.13.1-naruto:
+    resolution: {integrity: sha512-GfSkK3xyMNowc4wkJ3cTev5VulfUjCqqrYti9f3PC6X5fLRDbumWTxcbozsZHYC4VbwXFaZHi9/p558FKCHsQA==}
     peerDependencies:
       vue: ~2.7.14
 
@@ -13680,6 +13683,8 @@ snapshots:
     dependencies:
       p-locate: 5.0.0
 
+  lodash-es@4.17.21: {}
+
   lodash._reinterpolate@3.0.0: {}
 
   lodash.debounce@4.0.8: {}
@@ -15639,13 +15644,13 @@ snapshots:
 
   tdesign-icons-svg@0.0.1: {}
 
-  tdesign-icons-view@0.3.5:
+  tdesign-icons-view@0.4.0-alpha.1:
     dependencies:
+      '@popperjs/core': 2.11.8
       core-js: 3.38.1
       lodash: 4.17.21
-      tdesign-icons-vue: 0.3.4(vue@2.7.14)
-      tdesign-vue: 1.10.5-naruto(vue@2.7.14)
-      tvision-color: 1.6.0
+      tdesign-icons-vue: 0.3.6(vue@2.7.14)
+      tdesign-vue: 1.13.1-naruto(vue@2.7.14)
       vue: 2.7.14
 
   tdesign-icons-vue@0.0.8(vue@2.7.14):
@@ -15666,29 +15671,28 @@ snapshots:
       classnames: 2.5.1
       vue: 2.7.14
 
-  tdesign-icons-vue@0.3.4(vue@2.7.14):
+  tdesign-icons-vue@0.3.6(vue@2.7.14):
     dependencies:
       '@babel/runtime': 7.25.6
       classnames: 2.5.1
       vue: 2.7.14
 
-  tdesign-vue@1.10.5-naruto(vue@2.7.14):
+  tdesign-vue@1.13.1-naruto(vue@2.7.14):
     dependencies:
       '@babel/runtime': 7.25.6
       '@popperjs/core': 2.11.8
       '@types/clipboard': 2.0.7
-      '@types/lodash': 4.14.182
       '@types/raf': 3.4.3
       '@types/sortablejs': 1.15.8
       '@types/tinycolor2': 1.4.6
       '@types/validator': 13.12.2
       clipboard: 2.0.11
       dayjs: 1.11.10
-      lodash: 4.17.21
+      lodash-es: 4.17.21
       mitt: 3.0.1
       raf: 3.4.1
       sortablejs: 1.15.3
-      tdesign-icons-vue: 0.2.5(vue@2.7.14)
+      tdesign-icons-vue: 0.3.6(vue@2.7.14)
       tinycolor2: 1.6.0
       validator: 13.12.0
       vue: 2.7.14
diff --git a/site/package.json b/site/package.json
index 652a95ea8..ed1bfadc4 100644
--- a/site/package.json
+++ b/site/package.json
@@ -17,7 +17,7 @@
     "markdown-it": "^12.3.2",
     "markdown-it-link-attributes": "^4.0.0",
     "prismjs": "^1.29.0",
-    "tdesign-icons-view": "^0.3.5",
+    "tdesign-icons-view": "0.4.0-alpha.1",
     "tdesign-icons-vue": "^0.1.4",
     "tdesign-vue": "1.9.8-naruto",
     "three": "0.127.0",
diff --git a/site/src/App.vue b/site/src/App.vue
index baf38da6c..9ffb11c48 100644
--- a/site/src/App.vue
+++ b/site/src/App.vue
@@ -8,9 +8,9 @@
 <script>
 export default {
   computed: {
-    headerStyle () {
-      const { name } = this.$route
-      const fixedHeaderList = ['home', 'home-en', 'source', 'source-en', 'trade']
+    headerStyle() {
+      const { name } = this.$route;
+      const fixedHeaderList = ['home', 'home-en', 'source', 'source-en', 'trade', 'icons'];
       if (fixedHeaderList.includes(name)) {
         return {
           position: 'fixed',
@@ -20,46 +20,46 @@ export default {
           zIndex: 1200,
           '--bg-color-secondarypage': 'var(--bg-color-navigation)',
           '--bg-color-secondarypage-hover': 'var(--bg-color-navigation-hover)',
-          '--bg-color-secondarypage-select': 'var(--bg-color-navigation-select)'
-        }
+          '--bg-color-secondarypage-select': 'var(--bg-color-navigation-select)',
+        };
       }
-      return { display: 'none' }
-    }
+      return { display: 'none' };
+    },
   },
 
-  mounted () {
-    window.addEventListener('load', this.handleHashScroll)
+  mounted() {
+    window.addEventListener('load', this.handleHashScroll);
   },
 
-  beforeDestroy () {
-    window.removeEventListener('load', this.handleHashScroll)
+  beforeDestroy() {
+    window.removeEventListener('load', this.handleHashScroll);
   },
 
   watch: {
     $route: {
       immediate: true,
-      handler (route) {
+      handler(route) {
         if (route.meta) {
-          document.title = route.meta.documentTitle || 'TDesign'
+          document.title = route.meta.documentTitle || 'TDesign';
         }
-      }
-    }
+      },
+    },
   },
 
   methods: {
-    handleHashScroll () {
-      const { $route } = this
-      const hash = decodeURIComponent($route.hash)
+    handleHashScroll() {
+      const { $route } = this;
+      const hash = decodeURIComponent($route.hash);
       requestAnimationFrame(() => {
-        const id = hash.slice(1)
-        const anchorEl = document.getElementById(id)
-        if (!anchorEl) return
+        const id = hash.slice(1);
+        const anchorEl = document.getElementById(id);
+        if (!anchorEl) return;
 
         requestAnimationFrame(() => {
-          window.scrollTo({ top: anchorEl.offsetTop - 88 })
-        })
-      })
-    }
-  }
-}
+          window.scrollTo({ top: anchorEl.offsetTop - 88 });
+        });
+      });
+    },
+  },
+};
 </script>
diff --git a/site/src/pages/design/source.vue b/site/src/pages/design/source.vue
index c8426fe80..645e4dce9 100644
--- a/site/src/pages/design/source.vue
+++ b/site/src/pages/design/source.vue
@@ -126,7 +126,7 @@ export default {
         pixso: pixsoIcon,
         md: mdIcon,
         mastergo: mastergoIcon,
-        ry: ryIcon
+        ry: ryIcon,
       },
       previewUrl: {
         web: 'https://codesign.qq.com/s/dqN2925D7qjaBXe?active-screen=xDP39qAvLNl9wlK&menu_aside=null&minimap=close',
@@ -177,6 +177,7 @@ export default {
       { tab: 'web', name: 'Desktop' },
       { tab: 'mobile', name: 'Mobile' },
       { tab: 'web-chart', name: 'Desktop Chart' },
+      { tab: 'icons', name: 'Icons' },
     ];
     this.$refs.tabs.onchange = ({ detail: currentTab }) => (this.tab = currentTab);
     fetch(sourceDownloadUrl)
diff --git a/site/src/pages/design/source_zh-CN.vue b/site/src/pages/design/source_zh-CN.vue
index 8336ecf0d..820813cb2 100644
--- a/site/src/pages/design/source_zh-CN.vue
+++ b/site/src/pages/design/source_zh-CN.vue
@@ -105,7 +105,7 @@ import { webSourceList, mobileSourceList, sourceDownloadUrl, webChartSourceList
 import { webDesignContributor, mobileDesignContributor, webChartDesignContributor } from '@/contributor';
 
 export default {
-  data () {
+  data() {
     return {
       webSourceList,
       mobileSourceList,
@@ -174,8 +174,13 @@ export default {
       { tab: 'web', name: '桌面端组件库' },
       { tab: 'mobile', name: '移动端组件库' },
       { tab: 'web-chart', name: '桌面端图表库' },
+      { tab: 'icons', name: '图标资源' },
     ];
-    this.$refs.tabs.onchange = ({ detail: currentTab }) => (this.tab = currentTab);
+    this.$refs.tabs.onchange = ({ detail: currentTab }) => {
+      if (currentTab !== 'icons') this.tab = currentTab;
+      else window.open('/icons', '_blank');
+    };
+
     fetch(sourceDownloadUrl)
       .then((res) => res.json())
       .then((res) => {
diff --git a/site/src/routes.js b/site/src/routes.js
index 9b9a0b729..78c0040f5 100644
--- a/site/src/routes.js
+++ b/site/src/routes.js
@@ -28,7 +28,7 @@ const routes = [
     meta: {
       documentTitle: 'TDesign - 开源的企业级设计体系，为设计师 & 开发者，打造工作美学',
     },
-    component: () => import('./pages/icons/index.vue'),
+    component: () => import('./pages/home/index_zh-CN.vue'),
   },
   {
     path: '/design',

From 20a32385a8228e0ceb050ebc1949c5bade7e7522 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Fri, 5 Sep 2025 15:57:40 +0800
Subject: [PATCH 03/15] chore: complete en version

---
 pnpm-lock.yaml                   | 10 +++++-----
 site/package.json                |  2 +-
 site/src/pages/design/source.vue |  5 ++++-
 site/src/routes.js               |  8 ++++++++
 4 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c9db7f431..32d7a5985 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -205,8 +205,8 @@ importers:
         specifier: ^1.29.0
         version: 1.29.0
       tdesign-icons-view:
-        specifier: 0.4.0-alpha.1
-        version: 0.4.0-alpha.1
+        specifier: 0.4.0-alpha.2
+        version: 0.4.0-alpha.2
       tdesign-icons-vue:
         specifier: ^0.1.4
         version: 0.1.11(vue@2.7.14)
@@ -6979,8 +6979,8 @@ packages:
   tdesign-icons-svg@0.0.1:
     resolution: {integrity: sha512-4l05CgPXwI33Y6hU8ytKYIIXVznR22x6blhhtB6MntSHj2xrA+Unx4U/qy+Do/lCMtYao9q1wVkaZvxNjuX7jw==}
 
-  tdesign-icons-view@0.4.0-alpha.1:
-    resolution: {integrity: sha512-Fo7CRiRXaMtomfIc/N6JVRmT7m95VNyLOsmmJC3RHcFARN0MSGwRUlTz0Md5JOIeWarckqhni6U7lBYKyAduKQ==}
+  tdesign-icons-view@0.4.0-alpha.2:
+    resolution: {integrity: sha512-jXKgaNhd9ld79b/v86AUNvwraGyfWDWL56owhVxMjcJFFG7Fwd711nvUKQH9ELh9nZ9Cj++44TIQpkklEHwONQ==}
 
   tdesign-icons-vue@0.0.8:
     resolution: {integrity: sha512-lxKeMlrRrMuD0AIVIvciK/0GryTJPsOH00LNSPjUkPFznlxua/7N4F39bWJhjHa67/zcPyeHSFvyLjwXi53OCg==}
@@ -15644,7 +15644,7 @@ snapshots:
 
   tdesign-icons-svg@0.0.1: {}
 
-  tdesign-icons-view@0.4.0-alpha.1:
+  tdesign-icons-view@0.4.0-alpha.2:
     dependencies:
       '@popperjs/core': 2.11.8
       core-js: 3.38.1
diff --git a/site/package.json b/site/package.json
index ed1bfadc4..4a5f3e0e8 100644
--- a/site/package.json
+++ b/site/package.json
@@ -17,7 +17,7 @@
     "markdown-it": "^12.3.2",
     "markdown-it-link-attributes": "^4.0.0",
     "prismjs": "^1.29.0",
-    "tdesign-icons-view": "0.4.0-alpha.1",
+    "tdesign-icons-view": "0.4.0-alpha.2",
     "tdesign-icons-vue": "^0.1.4",
     "tdesign-vue": "1.9.8-naruto",
     "three": "0.127.0",
diff --git a/site/src/pages/design/source.vue b/site/src/pages/design/source.vue
index 645e4dce9..94c50bf6b 100644
--- a/site/src/pages/design/source.vue
+++ b/site/src/pages/design/source.vue
@@ -179,7 +179,10 @@ export default {
       { tab: 'web-chart', name: 'Desktop Chart' },
       { tab: 'icons', name: 'Icons' },
     ];
-    this.$refs.tabs.onchange = ({ detail: currentTab }) => (this.tab = currentTab);
+    this.$refs.tabs.onchange = ({ detail: currentTab }) => {
+      if (currentTab !== 'icons') this.tab = currentTab;
+      else window.open('/icons-en', '_blank');
+    };
     fetch(sourceDownloadUrl)
       .then((res) => res.json())
       .then((res) => {
diff --git a/site/src/routes.js b/site/src/routes.js
index 78c0040f5..c4aed5984 100644
--- a/site/src/routes.js
+++ b/site/src/routes.js
@@ -110,5 +110,13 @@ const enRoutes = [
     },
     component: () => import('./pages/design/trade.vue'),
   },
+  {
+    path: '/icons-en',
+    name: 'icons',
+    meta: {
+      documentTitle: '图标资源 - TDesign',
+    },
+    component: () => import('./pages/icons/index.vue'),
+  },
 ];
 export default [...routes, ...enRoutes];

From 84b8fcb1b35956c2e9a2dc75b037cdf5b1931a11 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Fri, 5 Sep 2025 16:44:34 +0800
Subject: [PATCH 04/15] chore: fix render bug

---
 pnpm-lock.yaml    | 10 +++++-----
 site/package.json |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 32d7a5985..0ecd1c0c0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -205,8 +205,8 @@ importers:
         specifier: ^1.29.0
         version: 1.29.0
       tdesign-icons-view:
-        specifier: 0.4.0-alpha.2
-        version: 0.4.0-alpha.2
+        specifier: 0.4.0-alpha.4
+        version: 0.4.0-alpha.4
       tdesign-icons-vue:
         specifier: ^0.1.4
         version: 0.1.11(vue@2.7.14)
@@ -6979,8 +6979,8 @@ packages:
   tdesign-icons-svg@0.0.1:
     resolution: {integrity: sha512-4l05CgPXwI33Y6hU8ytKYIIXVznR22x6blhhtB6MntSHj2xrA+Unx4U/qy+Do/lCMtYao9q1wVkaZvxNjuX7jw==}
 
-  tdesign-icons-view@0.4.0-alpha.2:
-    resolution: {integrity: sha512-jXKgaNhd9ld79b/v86AUNvwraGyfWDWL56owhVxMjcJFFG7Fwd711nvUKQH9ELh9nZ9Cj++44TIQpkklEHwONQ==}
+  tdesign-icons-view@0.4.0-alpha.4:
+    resolution: {integrity: sha512-S/4ATvYGH6JeLoEMtojLA25H1Wg7zsKx6O5lpIHQgHww9PNTrZSuT60eKmxxfna0lt30iVHz85dH2sKGJ08Z3Q==}
 
   tdesign-icons-vue@0.0.8:
     resolution: {integrity: sha512-lxKeMlrRrMuD0AIVIvciK/0GryTJPsOH00LNSPjUkPFznlxua/7N4F39bWJhjHa67/zcPyeHSFvyLjwXi53OCg==}
@@ -15644,7 +15644,7 @@ snapshots:
 
   tdesign-icons-svg@0.0.1: {}
 
-  tdesign-icons-view@0.4.0-alpha.2:
+  tdesign-icons-view@0.4.0-alpha.4:
     dependencies:
       '@popperjs/core': 2.11.8
       core-js: 3.38.1
diff --git a/site/package.json b/site/package.json
index 4a5f3e0e8..8bfcb0bc7 100644
--- a/site/package.json
+++ b/site/package.json
@@ -17,7 +17,7 @@
     "markdown-it": "^12.3.2",
     "markdown-it-link-attributes": "^4.0.0",
     "prismjs": "^1.29.0",
-    "tdesign-icons-view": "0.4.0-alpha.2",
+    "tdesign-icons-view": "0.4.0-alpha.4",
     "tdesign-icons-vue": "^0.1.4",
     "tdesign-vue": "1.9.8-naruto",
     "three": "0.127.0",

From f735b4ebb41d2e13d99c1bf051a5061445ac9a98 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Fri, 5 Sep 2025 18:00:32 +0800
Subject: [PATCH 05/15] chore: optimize i18n

---
 pnpm-lock.yaml    | 10 +++++-----
 site/package.json |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0ecd1c0c0..f717fc3c9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -205,8 +205,8 @@ importers:
         specifier: ^1.29.0
         version: 1.29.0
       tdesign-icons-view:
-        specifier: 0.4.0-alpha.4
-        version: 0.4.0-alpha.4
+        specifier: 0.4.0-alpha.6
+        version: 0.4.0-alpha.6
       tdesign-icons-vue:
         specifier: ^0.1.4
         version: 0.1.11(vue@2.7.14)
@@ -6979,8 +6979,8 @@ packages:
   tdesign-icons-svg@0.0.1:
     resolution: {integrity: sha512-4l05CgPXwI33Y6hU8ytKYIIXVznR22x6blhhtB6MntSHj2xrA+Unx4U/qy+Do/lCMtYao9q1wVkaZvxNjuX7jw==}
 
-  tdesign-icons-view@0.4.0-alpha.4:
-    resolution: {integrity: sha512-S/4ATvYGH6JeLoEMtojLA25H1Wg7zsKx6O5lpIHQgHww9PNTrZSuT60eKmxxfna0lt30iVHz85dH2sKGJ08Z3Q==}
+  tdesign-icons-view@0.4.0-alpha.6:
+    resolution: {integrity: sha512-Vi40KlltSp0jFG/3TQ27Wa5lF0+nUC99TPJuMTmlvuEQ34EvS0NvInrP3mQLAXHb9yqyuwCA2Cvi9Iy30qNw6A==}
 
   tdesign-icons-vue@0.0.8:
     resolution: {integrity: sha512-lxKeMlrRrMuD0AIVIvciK/0GryTJPsOH00LNSPjUkPFznlxua/7N4F39bWJhjHa67/zcPyeHSFvyLjwXi53OCg==}
@@ -15644,7 +15644,7 @@ snapshots:
 
   tdesign-icons-svg@0.0.1: {}
 
-  tdesign-icons-view@0.4.0-alpha.4:
+  tdesign-icons-view@0.4.0-alpha.6:
     dependencies:
       '@popperjs/core': 2.11.8
       core-js: 3.38.1
diff --git a/site/package.json b/site/package.json
index 8bfcb0bc7..81db0493e 100644
--- a/site/package.json
+++ b/site/package.json
@@ -17,7 +17,7 @@
     "markdown-it": "^12.3.2",
     "markdown-it-link-attributes": "^4.0.0",
     "prismjs": "^1.29.0",
-    "tdesign-icons-view": "0.4.0-alpha.4",
+    "tdesign-icons-view": "0.4.0-alpha.6",
     "tdesign-icons-vue": "^0.1.4",
     "tdesign-vue": "1.9.8-naruto",
     "three": "0.127.0",

From 54313083bdd3c8b3bb68cf37678af2e6d04f557c Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Mon, 8 Sep 2025 11:37:18 +0800
Subject: [PATCH 06/15] chore: optimize

---
 pnpm-lock.yaml    | 10 +++++-----
 site/package.json |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f717fc3c9..54a867634 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -205,8 +205,8 @@ importers:
         specifier: ^1.29.0
         version: 1.29.0
       tdesign-icons-view:
-        specifier: 0.4.0-alpha.6
-        version: 0.4.0-alpha.6
+        specifier: 0.4.0-alpha.7
+        version: 0.4.0-alpha.7
       tdesign-icons-vue:
         specifier: ^0.1.4
         version: 0.1.11(vue@2.7.14)
@@ -6979,8 +6979,8 @@ packages:
   tdesign-icons-svg@0.0.1:
     resolution: {integrity: sha512-4l05CgPXwI33Y6hU8ytKYIIXVznR22x6blhhtB6MntSHj2xrA+Unx4U/qy+Do/lCMtYao9q1wVkaZvxNjuX7jw==}
 
-  tdesign-icons-view@0.4.0-alpha.6:
-    resolution: {integrity: sha512-Vi40KlltSp0jFG/3TQ27Wa5lF0+nUC99TPJuMTmlvuEQ34EvS0NvInrP3mQLAXHb9yqyuwCA2Cvi9Iy30qNw6A==}
+  tdesign-icons-view@0.4.0-alpha.7:
+    resolution: {integrity: sha512-0rL10jSgcj+OQUYrlcm+GMQ5lv3gX0iKDn+/wtlafhfqVq7CAklKfwBbR2TXNIeRg6cRpYxUwXtOZGTntqkxkQ==}
 
   tdesign-icons-vue@0.0.8:
     resolution: {integrity: sha512-lxKeMlrRrMuD0AIVIvciK/0GryTJPsOH00LNSPjUkPFznlxua/7N4F39bWJhjHa67/zcPyeHSFvyLjwXi53OCg==}
@@ -15644,7 +15644,7 @@ snapshots:
 
   tdesign-icons-svg@0.0.1: {}
 
-  tdesign-icons-view@0.4.0-alpha.6:
+  tdesign-icons-view@0.4.0-alpha.7:
     dependencies:
       '@popperjs/core': 2.11.8
       core-js: 3.38.1
diff --git a/site/package.json b/site/package.json
index 81db0493e..e3e4bf8af 100644
--- a/site/package.json
+++ b/site/package.json
@@ -17,7 +17,7 @@
     "markdown-it": "^12.3.2",
     "markdown-it-link-attributes": "^4.0.0",
     "prismjs": "^1.29.0",
-    "tdesign-icons-view": "0.4.0-alpha.6",
+    "tdesign-icons-view": "0.4.0-alpha.7",
     "tdesign-icons-vue": "^0.1.4",
     "tdesign-vue": "1.9.8-naruto",
     "three": "0.127.0",

From 7514ee523e91dca2210854eec6083711a208f2a2 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Mon, 8 Sep 2025 18:47:17 +0800
Subject: [PATCH 07/15] chore: optimize

---
 pnpm-lock.yaml    | 10 +++++-----
 site/package.json |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 54a867634..8b3b8d9c7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -205,8 +205,8 @@ importers:
         specifier: ^1.29.0
         version: 1.29.0
       tdesign-icons-view:
-        specifier: 0.4.0-alpha.7
-        version: 0.4.0-alpha.7
+        specifier: 0.4.0-alpha.9
+        version: 0.4.0-alpha.9
       tdesign-icons-vue:
         specifier: ^0.1.4
         version: 0.1.11(vue@2.7.14)
@@ -6979,8 +6979,8 @@ packages:
   tdesign-icons-svg@0.0.1:
     resolution: {integrity: sha512-4l05CgPXwI33Y6hU8ytKYIIXVznR22x6blhhtB6MntSHj2xrA+Unx4U/qy+Do/lCMtYao9q1wVkaZvxNjuX7jw==}
 
-  tdesign-icons-view@0.4.0-alpha.7:
-    resolution: {integrity: sha512-0rL10jSgcj+OQUYrlcm+GMQ5lv3gX0iKDn+/wtlafhfqVq7CAklKfwBbR2TXNIeRg6cRpYxUwXtOZGTntqkxkQ==}
+  tdesign-icons-view@0.4.0-alpha.9:
+    resolution: {integrity: sha512-uBEW3KunjBfZShYldQ/IhubfnJvW2bZmwzdoQOn2i5cNnmYw/CaVVarNOaNrZt7oB0VtShR0GRxoegrIzeiKVA==}
 
   tdesign-icons-vue@0.0.8:
     resolution: {integrity: sha512-lxKeMlrRrMuD0AIVIvciK/0GryTJPsOH00LNSPjUkPFznlxua/7N4F39bWJhjHa67/zcPyeHSFvyLjwXi53OCg==}
@@ -15644,7 +15644,7 @@ snapshots:
 
   tdesign-icons-svg@0.0.1: {}
 
-  tdesign-icons-view@0.4.0-alpha.7:
+  tdesign-icons-view@0.4.0-alpha.9:
     dependencies:
       '@popperjs/core': 2.11.8
       core-js: 3.38.1
diff --git a/site/package.json b/site/package.json
index e3e4bf8af..8db145b95 100644
--- a/site/package.json
+++ b/site/package.json
@@ -17,7 +17,7 @@
     "markdown-it": "^12.3.2",
     "markdown-it-link-attributes": "^4.0.0",
     "prismjs": "^1.29.0",
-    "tdesign-icons-view": "0.4.0-alpha.7",
+    "tdesign-icons-view": "0.4.0-alpha.9",
     "tdesign-icons-vue": "^0.1.4",
     "tdesign-vue": "1.9.8-naruto",
     "three": "0.127.0",

From 1070b47aecc91a32fe4e875440b92dfbe7340e55 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Mon, 8 Sep 2025 19:24:04 +0800
Subject: [PATCH 08/15] chore: optimize

---
 site/src/pages/icons/index.vue | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/site/src/pages/icons/index.vue b/site/src/pages/icons/index.vue
index 56fdaf4af..b6239c709 100644
--- a/site/src/pages/icons/index.vue
+++ b/site/src/pages/icons/index.vue
@@ -1,8 +1,22 @@
 <template>
-  <td-icons-view />
+  <div>
+    <td-icons-view />
+    <td-doc-footer :style="footerStyle" />
+  </div>
 </template>
-<style>
-body {
-  overflow: hidden;
-}
-</style>
+<script>
+export default {
+  name: 'icons',
+  computed: {
+    footerStyle() {
+      return {
+        '--content-padding-right': '0',
+        '--content-max-width': '1440px',
+        '--content-padding-left-right': '48px',
+        '--footer-inner-position': 'relative',
+        '--footer-logo-position': 'unset',
+      };
+    },
+  },
+};
+</script>

From 7304c18a84eb72e6fa902c26ade7e7235e42a784 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Mon, 8 Sep 2025 20:08:17 +0800
Subject: [PATCH 09/15] chore: optimize

---
 pnpm-lock.yaml                 | 10 +++++-----
 site/package.json              |  2 +-
 site/src/pages/icons/index.vue | 21 +--------------------
 3 files changed, 7 insertions(+), 26 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8b3b8d9c7..06ccc7102 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -205,8 +205,8 @@ importers:
         specifier: ^1.29.0
         version: 1.29.0
       tdesign-icons-view:
-        specifier: 0.4.0-alpha.9
-        version: 0.4.0-alpha.9
+        specifier: 0.4.0-alpha.11
+        version: 0.4.0-alpha.11
       tdesign-icons-vue:
         specifier: ^0.1.4
         version: 0.1.11(vue@2.7.14)
@@ -6979,8 +6979,8 @@ packages:
   tdesign-icons-svg@0.0.1:
     resolution: {integrity: sha512-4l05CgPXwI33Y6hU8ytKYIIXVznR22x6blhhtB6MntSHj2xrA+Unx4U/qy+Do/lCMtYao9q1wVkaZvxNjuX7jw==}
 
-  tdesign-icons-view@0.4.0-alpha.9:
-    resolution: {integrity: sha512-uBEW3KunjBfZShYldQ/IhubfnJvW2bZmwzdoQOn2i5cNnmYw/CaVVarNOaNrZt7oB0VtShR0GRxoegrIzeiKVA==}
+  tdesign-icons-view@0.4.0-alpha.11:
+    resolution: {integrity: sha512-x4F6hxX2ZcbekaZv9h6KR3nNDxPg/m5c1HuLeHAMKaY+NT8YtcE6J3EesLecv50KGtaNnPTj0Bf364Oi0uwVxw==}
 
   tdesign-icons-vue@0.0.8:
     resolution: {integrity: sha512-lxKeMlrRrMuD0AIVIvciK/0GryTJPsOH00LNSPjUkPFznlxua/7N4F39bWJhjHa67/zcPyeHSFvyLjwXi53OCg==}
@@ -15644,7 +15644,7 @@ snapshots:
 
   tdesign-icons-svg@0.0.1: {}
 
-  tdesign-icons-view@0.4.0-alpha.9:
+  tdesign-icons-view@0.4.0-alpha.11:
     dependencies:
       '@popperjs/core': 2.11.8
       core-js: 3.38.1
diff --git a/site/package.json b/site/package.json
index 8db145b95..a2bbc592a 100644
--- a/site/package.json
+++ b/site/package.json
@@ -17,7 +17,7 @@
     "markdown-it": "^12.3.2",
     "markdown-it-link-attributes": "^4.0.0",
     "prismjs": "^1.29.0",
-    "tdesign-icons-view": "0.4.0-alpha.9",
+    "tdesign-icons-view": "0.4.0-alpha.11",
     "tdesign-icons-vue": "^0.1.4",
     "tdesign-vue": "1.9.8-naruto",
     "three": "0.127.0",
diff --git a/site/src/pages/icons/index.vue b/site/src/pages/icons/index.vue
index b6239c709..1b066b087 100644
--- a/site/src/pages/icons/index.vue
+++ b/site/src/pages/icons/index.vue
@@ -1,22 +1,3 @@
 <template>
-  <div>
-    <td-icons-view />
-    <td-doc-footer :style="footerStyle" />
-  </div>
+  <td-icons-view />
 </template>
-<script>
-export default {
-  name: 'icons',
-  computed: {
-    footerStyle() {
-      return {
-        '--content-padding-right': '0',
-        '--content-max-width': '1440px',
-        '--content-padding-left-right': '48px',
-        '--footer-inner-position': 'relative',
-        '--footer-logo-position': 'unset',
-      };
-    },
-  },
-};
-</script>

From 15dd4e2c46f39597d06d186d06b738dea3444acc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?w=C5=AB=20y=C4=81ng?= <uyarnchen@gmail.com>
Date: Tue, 9 Sep 2025 14:26:51 +0800
Subject: [PATCH 10/15] chore: update route

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 site/src/routes.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/routes.js b/site/src/routes.js
index c4aed5984..6231fe43a 100644
--- a/site/src/routes.js
+++ b/site/src/routes.js
@@ -112,7 +112,7 @@ const enRoutes = [
   },
   {
     path: '/icons-en',
-    name: 'icons',
+    name: 'icons-en',
     meta: {
       documentTitle: '图标资源 - TDesign',
     },

From 4f8cd43eccf98b829e642ea2c7c4d0313c8263a0 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Tue, 9 Sep 2025 17:10:36 +0800
Subject: [PATCH 11/15] chore: complete detail

---
 pnpm-lock.yaml                       | 10 +--
 site/package.json                    |  2 +-
 site/src/components/all-icons.vue    |  5 --
 site/src/pages/design/icon.vue       | 23 +++++--
 site/src/pages/design/icon_zh-CN.vue | 97 +++++++++++++++++++---------
 5 files changed, 90 insertions(+), 47 deletions(-)
 delete mode 100644 site/src/components/all-icons.vue

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 06ccc7102..d4c3d572e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -205,8 +205,8 @@ importers:
         specifier: ^1.29.0
         version: 1.29.0
       tdesign-icons-view:
-        specifier: 0.4.0-alpha.11
-        version: 0.4.0-alpha.11
+        specifier: 0.4.0-alpha.13
+        version: 0.4.0-alpha.13
       tdesign-icons-vue:
         specifier: ^0.1.4
         version: 0.1.11(vue@2.7.14)
@@ -6979,8 +6979,8 @@ packages:
   tdesign-icons-svg@0.0.1:
     resolution: {integrity: sha512-4l05CgPXwI33Y6hU8ytKYIIXVznR22x6blhhtB6MntSHj2xrA+Unx4U/qy+Do/lCMtYao9q1wVkaZvxNjuX7jw==}
 
-  tdesign-icons-view@0.4.0-alpha.11:
-    resolution: {integrity: sha512-x4F6hxX2ZcbekaZv9h6KR3nNDxPg/m5c1HuLeHAMKaY+NT8YtcE6J3EesLecv50KGtaNnPTj0Bf364Oi0uwVxw==}
+  tdesign-icons-view@0.4.0-alpha.13:
+    resolution: {integrity: sha512-2KHzJChbDZHayTkLVnw0zJmya4ctSNZl6BkwIeCSHKk2yLu8JpM1H0wz0vpORIqikaArqxG44UzXWPj5cdRrPQ==}
 
   tdesign-icons-vue@0.0.8:
     resolution: {integrity: sha512-lxKeMlrRrMuD0AIVIvciK/0GryTJPsOH00LNSPjUkPFznlxua/7N4F39bWJhjHa67/zcPyeHSFvyLjwXi53OCg==}
@@ -15644,7 +15644,7 @@ snapshots:
 
   tdesign-icons-svg@0.0.1: {}
 
-  tdesign-icons-view@0.4.0-alpha.11:
+  tdesign-icons-view@0.4.0-alpha.13:
     dependencies:
       '@popperjs/core': 2.11.8
       core-js: 3.38.1
diff --git a/site/package.json b/site/package.json
index a2bbc592a..43219387a 100644
--- a/site/package.json
+++ b/site/package.json
@@ -17,7 +17,7 @@
     "markdown-it": "^12.3.2",
     "markdown-it-link-attributes": "^4.0.0",
     "prismjs": "^1.29.0",
-    "tdesign-icons-view": "0.4.0-alpha.11",
+    "tdesign-icons-view": "0.4.0-alpha.13",
     "tdesign-icons-vue": "^0.1.4",
     "tdesign-vue": "1.9.8-naruto",
     "three": "0.127.0",
diff --git a/site/src/components/all-icons.vue b/site/src/components/all-icons.vue
deleted file mode 100644
index 1452a5941..000000000
--- a/site/src/components/all-icons.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <div class="t-demo-iconfont">
-    <td-icons-view show-type="design" />
-  </div>
-</template>
diff --git a/site/src/pages/design/icon.vue b/site/src/pages/design/icon.vue
index b5a0054bf..c1d7d0e17 100644
--- a/site/src/pages/design/icon.vue
+++ b/site/src/pages/design/icon.vue
@@ -214,7 +214,9 @@
 
     <h3>Breaks</h3>
     <p>
-      Breaks mostly appear on composite icons, and their width should be analyzed according to the specific style of the icon and aim to balance the visual weight.</p>
+      Breaks mostly appear on composite icons, and their width should be analyzed according to the specific style of the
+      icon and aim to balance the visual weight.
+    </p>
     <img src="./assets/icon/fracture.png" alt="" />
 
     <h3>Simplicity</h3>
@@ -257,17 +259,28 @@
       </div>
     </div>
 
-    <h3>Download Icon</h3>
-    <all-icons />
+    <h3>All Icons</h3>
+    <div
+      style="
+        background: #ecf2fe;
+        display: flex;
+        align-items: center;
+        line-height: 20px;
+        padding: 14px 24px;
+        border-radius: 3px;
+        color: #555a65;
+        margin: 16px 0;
+      "
+    >
+      Visit <a href="/icons-en"> TDesign Icons </a> to view and experience all supported icons.
+    </div>
   </div>
 </template>
 
 <script>
-import AllIcons from '@/components/all-icons.vue';
 import anchorMixin from '../mixins/anchor';
 
 export default {
-  components: { AllIcons },
   mixins: [anchorMixin],
 };
 </script>
diff --git a/site/src/pages/design/icon_zh-CN.vue b/site/src/pages/design/icon_zh-CN.vue
index 872d145e5..fe4c91430 100644
--- a/site/src/pages/design/icon_zh-CN.vue
+++ b/site/src/pages/design/icon_zh-CN.vue
@@ -1,6 +1,6 @@
 <template>
   <div ref="article" name="DESIGN" class="doc-icon">
-    <nav class="tdesign-toc_container" style="position: absolute; top: 328px;">
+    <nav class="tdesign-toc_container" style="position: absolute; top: 328px">
       <ol class="tdesign-toc_list">
         <li class="tdesign-toc_list_item" v-for="anchor in catalog" :key="anchor.id">
           <a class="tdesign-toc_list_item_a" :href="'#' + anchor.id">{{ anchor.title }} </a>
@@ -14,29 +14,43 @@
     </nav>
 
     <h2>概述</h2>
-    <p>Icon 作为 UI 构成中重要的元素，它一定程度上影响整体 UI 界面呈现出的风格，TDesign 初期提供一套适用于中后台场景的线性 Icon，以普适、通用的标准进行设计，风格契合默认 TDesign 的风格，线性、圆角。</p>
+    <p>
+      Icon 作为 UI 构成中重要的元素，它一定程度上影响整体 UI 界面呈现出的风格，TDesign
+      初期提供一套适用于中后台场景的线性 Icon，以普适、通用的标准进行设计，风格契合默认 TDesign 的风格，线性、圆角。
+    </p>
 
     <h2>原则</h2>
     <h3>从简</h3>
-    <p>制作时保证参数的简化，尽量消除小数点以及非整数的角度。处理线条以及轮廓时删除多余的锚点，输出时应避免出现不必要的装饰，保持图标的简洁。</p>
-    <img src="./assets/icon/Simplify.png" alt="">
+    <p>
+      制作时保证参数的简化，尽量消除小数点以及非整数的角度。处理线条以及轮廓时删除多余的锚点，输出时应避免出现不必要的装饰，保持图标的简洁。
+    </p>
+    <img src="./assets/icon/Simplify.png" alt="" />
 
     <h3>精确</h3>
-    <p>在设计时避免使用那些含义模糊的图形，当同个事物存在多个图形表述时，应选取最为流通的样式，必要时进行针对性的强化。在图标输出时也应遵守命名规范，精确的文字描述便于他人查找。</p>
-    <img src="./assets/icon/accurate.png" alt="">
+    <p>
+      在设计时避免使用那些含义模糊的图形，当同个事物存在多个图形表述时，应选取最为流通的样式，必要时进行针对性的强化。在图标输出时也应遵守命名规范，精确的文字描述便于他人查找。
+    </p>
+    <img src="./assets/icon/accurate.png" alt="" />
 
     <h3>适度</h3>
-    <p>单个图标作为一个独立的视觉个体，在线条的疏密以及图形的搭配上要呈现适度感。在处理一些必要的高密度图标时也要考虑线条的节奏感，让其舒适不压迫。系列图标要遵守适度原则，将变化控制在一定范围内。</p>
-    <img src="./assets/icon/Moderate.png" alt="">
+    <p>
+      单个图标作为一个独立的视觉个体，在线条的疏密以及图形的搭配上要呈现适度感。在处理一些必要的高密度图标时也要考虑线条的节奏感，让其舒适不压迫。系列图标要遵守适度原则，将变化控制在一定范围内。
+    </p>
+    <img src="./assets/icon/Moderate.png" alt="" />
 
     <h2>规范</h2>
     <h3>栅格规范</h3>
-    <p>栅格作为图表绘制的底层结构，是一切属性设计的基础。线条的长短粗细、图标的大小比例等关键因素均在其基础上制定。图标常见尺寸为16*16；20*20；24*24；32*32这四种输出尺寸。这些尺寸均可以清晰的显示在常规的显示器上。TDesign 最终选择以16*16px 的尺寸作为图标绘制的统一栅格尺寸。</p>
-    <img src="./assets/icon/grid-1.png" alt="">
+    <p>
+      栅格作为图表绘制的底层结构，是一切属性设计的基础。线条的长短粗细、图标的大小比例等关键因素均在其基础上制定。图标常见尺寸为16*16；20*20；24*24；32*32这四种输出尺寸。这些尺寸均可以清晰的显示在常规的显示器上。TDesign
+      最终选择以16*16px 的尺寸作为图标绘制的统一栅格尺寸。
+    </p>
+    <img src="./assets/icon/grid-1.png" alt="" />
     <hr />
 
-    <p>由于屏幕像素的特性，非整数像素将会以灰度显示，那样将影响图标的清晰度以及整体的含义表达，所以在栅格内绘制时应尽量对齐像素点，最大程度上保证图标的清晰度。</p>
-    <img src="./assets/icon/grid-2.png" alt="">
+    <p>
+      由于屏幕像素的特性，非整数像素将会以灰度显示，那样将影响图标的清晰度以及整体的含义表达，所以在栅格内绘制时应尽量对齐像素点，最大程度上保证图标的清晰度。
+    </p>
+    <img src="./assets/icon/grid-2.png" alt="" />
 
     <hr />
     <p>在处理一些对称图形时居中处理，不应为了对齐栅格而打破画面平衡</p>
@@ -53,12 +67,19 @@
     </div>
 
     <h3>画布与辅助线</h3>
-    <p>画布作为图标设计的实际操作区域起到了控制画面、限制大小、调整间距等作用。在 TDesign 图标的设计上实际画布应控制在栅格中心14*14px的区域，周围留有1px的出血。在一些特殊情况下如 icon 过长或者有突出的边角等，允许内容适当延展，以确保图标视觉重量上的统一（ 超出部分建议为多边形的边角，并不宜超过 0.5px ）</p>
-    <img src="./assets/icon/canvas-1.png" alt="">
+    <p>
+      画布作为图标设计的实际操作区域起到了控制画面、限制大小、调整间距等作用。在 TDesign
+      图标的设计上实际画布应控制在栅格中心14*14px的区域，周围留有1px的出血。在一些特殊情况下如 icon
+      过长或者有突出的边角等，允许内容适当延展，以确保图标视觉重量上的统一（ 超出部分建议为多边形的边角，并不宜超过
+      0.5px ）
+    </p>
+    <img src="./assets/icon/canvas-1.png" alt="" />
     <hr />
 
-    <p>辅助线有助于约束图标的大小以及一些线条的走向，在制作时应尽量根据辅助线进行绘制以保持各图标间视觉重量的统一。我们对栅格内的圆形、方形、斜线等路径进行了规范并生成了一套辅助线系统。在图标设计的过程中应根据设计对象的特性选取相应的辅助线来控制图形样式。</p>
-    <img src="./assets/icon/canvas-2.png" alt="">
+    <p>
+      辅助线有助于约束图标的大小以及一些线条的走向，在制作时应尽量根据辅助线进行绘制以保持各图标间视觉重量的统一。我们对栅格内的圆形、方形、斜线等路径进行了规范并生成了一套辅助线系统。在图标设计的过程中应根据设计对象的特性选取相应的辅助线来控制图形样式。
+    </p>
+    <img src="./assets/icon/canvas-2.png" alt="" />
     <hr />
 
     <p>根据绘制对象的形象特征去选择辅助线，在必要时，可以将内容扩展到辅助线之外</p>
@@ -102,23 +123,23 @@
 
     <h3>线条</h3>
     <p>绘制时建议使用1px宽度的笔画，这样以便在小尺寸的栅格内保证更多的样式可能性，在 16px 时为 1px， 24px 时等比加粗</p>
-    <img src="./assets/icon/line-1.png" alt="">
+    <img src="./assets/icon/line-1.png" alt="" />
     <hr />
 
     <p>在特殊情况下如复合图形，由于该类图标结构更为复杂，线条的粗细可以适当调整</p>
-    <img src="./assets/icon/line-2.png" alt="">
+    <img src="./assets/icon/line-2.png" alt="" />
     <hr />
 
     <p>在处理长线线条的长度时建议使用 2 的倍数，这样更易进行对称处理。而短线上建议使用 3 个像素</p>
-    <img src="./assets/icon/line-3.png" alt="">
+    <img src="./assets/icon/line-3.png" alt="" />
     <hr />
 
     <p>线段末端直角处理，但在表现一些文字类图形或带有三维空间的透视图形时应与栅格相切</p>
-    <img src="./assets/icon/line-4.png" alt="">
+    <img src="./assets/icon/line-4.png" alt="" />
 
     <h3>圆角</h3>
     <p>保持 1px 的外圆角，内角无圆角，外柔内刚。</p>
-    <img src="./assets/icon/round-1.png" alt="">
+    <img src="./assets/icon/round-1.png" alt="" />
     <p>在处理“箭头”等具有方向性的标记时，在其顶端应采用 0.5px 的圆角，以便于突出其指向性</p>
     <div class="legend">
       <div class="item">
@@ -134,7 +155,7 @@
 
     <h3>角度</h3>
     <p>线条如需倾斜最好与栅格内 45° 辅助线相平行，或使用 15° 的倍数。以便在低分辨率的情况下仍有较高的线条清晰度</p>
-    <img src="./assets/icon/angle-1.png" alt="">
+    <img src="./assets/icon/angle-1.png" alt="" />
     <hr />
 
     <p>不仅要注意图形部分的夹角，也要特别关注一些负形的夹角度数</p>
@@ -151,8 +172,11 @@
     </div>
 
     <h3>断口</h3>
-    <p>断口多存在于复合图标上，其宽度根据具体图标的样式进行具体分析，需起到平衡视觉重量的作用 （最大宽度 ≤ 2px 且为 0.5px 的倍数）</p>
-    <img src="./assets/icon/fracture.png" alt="">
+    <p>
+      断口多存在于复合图标上，其宽度根据具体图标的样式进行具体分析，需起到平衡视觉重量的作用 （最大宽度 ≤ 2px 且为 0.5px
+      的倍数）
+    </p>
+    <img src="./assets/icon/fracture.png" alt="" />
 
     <h3>繁简度</h3>
     <p>在确保高识别度的情况下，寻求内部结构以及外部轮廓上的最简</p>
@@ -194,17 +218,28 @@
       </div>
     </div>
 
-    <h3>下载 Icon</h3>
-    <all-icons />
+    <h3>全部图标</h3>
+    <div
+      style="
+        background: #ecf2fe;
+        display: flex;
+        align-items: center;
+        line-height: 20px;
+        padding: 14px 24px;
+        border-radius: 3px;
+        color: #555a65;
+        margin: 16px 0;
+      "
+    >
+      打开 <a href="/icons"> TDesign 图标独立站点 </a> 查看全部支持的图标。
+    </div>
   </div>
 </template>
 
 <script>
-import AllIcons from '@/components/all-icons.vue'
-import anchorMixin from '../mixins/anchor'
+import anchorMixin from '../mixins/anchor';
 
 export default {
-  components: { AllIcons },
-  mixins: [anchorMixin]
-}
+  mixins: [anchorMixin],
+};
 </script>

From 0d88e70f9a3c31c92e413c02f6ff8c541fb462eb Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Tue, 9 Sep 2025 18:30:44 +0800
Subject: [PATCH 12/15] chore: update icons page

---
 pnpm-lock.yaml    | 23 +++++++++++++++++------
 site/package.json |  2 +-
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d4c3d572e..9c6a81d0f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -205,8 +205,8 @@ importers:
         specifier: ^1.29.0
         version: 1.29.0
       tdesign-icons-view:
-        specifier: 0.4.0-alpha.13
-        version: 0.4.0-alpha.13
+        specifier: ~0.4.0
+        version: 0.4.0
       tdesign-icons-vue:
         specifier: ^0.1.4
         version: 0.1.11(vue@2.7.14)
@@ -6979,8 +6979,8 @@ packages:
   tdesign-icons-svg@0.0.1:
     resolution: {integrity: sha512-4l05CgPXwI33Y6hU8ytKYIIXVznR22x6blhhtB6MntSHj2xrA+Unx4U/qy+Do/lCMtYao9q1wVkaZvxNjuX7jw==}
 
-  tdesign-icons-view@0.4.0-alpha.13:
-    resolution: {integrity: sha512-2KHzJChbDZHayTkLVnw0zJmya4ctSNZl6BkwIeCSHKk2yLu8JpM1H0wz0vpORIqikaArqxG44UzXWPj5cdRrPQ==}
+  tdesign-icons-view@0.4.0:
+    resolution: {integrity: sha512-drgQasSA+0WiFTZ4MvoFGLN+xrbJW5Oe2gOJnfsiUaFKd6h1VwebP6WfVOd4r+1EoKxMf/IGKcSusjKgaJRQ6A==}
 
   tdesign-icons-vue@0.0.8:
     resolution: {integrity: sha512-lxKeMlrRrMuD0AIVIvciK/0GryTJPsOH00LNSPjUkPFznlxua/7N4F39bWJhjHa67/zcPyeHSFvyLjwXi53OCg==}
@@ -7002,6 +7002,11 @@ packages:
     peerDependencies:
       vue: ^2.6.12
 
+  tdesign-icons-vue@0.4.0:
+    resolution: {integrity: sha512-3hIxRatBvAPknXE8KSYvYudreBzIIBA5XYM+jedvdzS1P9HE2pap4wP22qf3RIhTw50PHsQMjBOaW6XeeiSaEg==}
+    peerDependencies:
+      vue: ^2.6.12
+
   tdesign-vue@1.13.1-naruto:
     resolution: {integrity: sha512-GfSkK3xyMNowc4wkJ3cTev5VulfUjCqqrYti9f3PC6X5fLRDbumWTxcbozsZHYC4VbwXFaZHi9/p558FKCHsQA==}
     peerDependencies:
@@ -15644,12 +15649,12 @@ snapshots:
 
   tdesign-icons-svg@0.0.1: {}
 
-  tdesign-icons-view@0.4.0-alpha.13:
+  tdesign-icons-view@0.4.0:
     dependencies:
       '@popperjs/core': 2.11.8
       core-js: 3.38.1
       lodash: 4.17.21
-      tdesign-icons-vue: 0.3.6(vue@2.7.14)
+      tdesign-icons-vue: 0.4.0(vue@2.7.14)
       tdesign-vue: 1.13.1-naruto(vue@2.7.14)
       vue: 2.7.14
 
@@ -15677,6 +15682,12 @@ snapshots:
       classnames: 2.5.1
       vue: 2.7.14
 
+  tdesign-icons-vue@0.4.0(vue@2.7.14):
+    dependencies:
+      '@babel/runtime': 7.25.6
+      classnames: 2.5.1
+      vue: 2.7.14
+
   tdesign-vue@1.13.1-naruto(vue@2.7.14):
     dependencies:
       '@babel/runtime': 7.25.6
diff --git a/site/package.json b/site/package.json
index 43219387a..43ca70db0 100644
--- a/site/package.json
+++ b/site/package.json
@@ -17,7 +17,7 @@
     "markdown-it": "^12.3.2",
     "markdown-it-link-attributes": "^4.0.0",
     "prismjs": "^1.29.0",
-    "tdesign-icons-view": "0.4.0-alpha.13",
+    "tdesign-icons-view": "~0.4.0",
     "tdesign-icons-vue": "^0.1.4",
     "tdesign-vue": "1.9.8-naruto",
     "three": "0.127.0",

From 79eb9b9ef2f445c886eee3bdc54b6dbddae7b9cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?w=C5=AB=20y=C4=81ng?= <uyarnchen@gmail.com>
Date: Tue, 9 Sep 2025 18:33:05 +0800
Subject: [PATCH 13/15] fix: fix fixedHeaderList

Co-authored-by: liweijie0812 <674416404@qq.com>
---
 site/src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/App.vue b/site/src/App.vue
index 9ffb11c48..509bfaf7a 100644
--- a/site/src/App.vue
+++ b/site/src/App.vue
@@ -10,7 +10,7 @@ export default {
   computed: {
     headerStyle() {
       const { name } = this.$route;
-      const fixedHeaderList = ['home', 'home-en', 'source', 'source-en', 'trade', 'icons'];
+      const fixedHeaderList = ['home', 'home-en', 'source', 'source-en', 'trade', 'icons', 'icons-en'];
       if (fixedHeaderList.includes(name)) {
         return {
           position: 'fixed',

From 0e158229b78ea78e864f0bd1a82652f75a296493 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Tue, 9 Sep 2025 18:34:57 +0800
Subject: [PATCH 14/15] chore: translate

---
 site/src/routes.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/src/routes.js b/site/src/routes.js
index 6231fe43a..50825ddbf 100644
--- a/site/src/routes.js
+++ b/site/src/routes.js
@@ -106,7 +106,7 @@ const enRoutes = [
     path: '/trade-en',
     name: 'trade-en',
     meta: {
-      documentTitle: '行业组件 - TDesign',
+      documentTitle: 'Trade Components - TDesign',
     },
     component: () => import('./pages/design/trade.vue'),
   },
@@ -114,7 +114,7 @@ const enRoutes = [
     path: '/icons-en',
     name: 'icons-en',
     meta: {
-      documentTitle: '图标资源 - TDesign',
+      documentTitle: 'Icons - TDesign',
     },
     component: () => import('./pages/icons/index.vue'),
   },

From abb10026e9b6c72547fe1c66d18886a1be5924ba Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Tue, 9 Sep 2025 18:41:03 +0800
Subject: [PATCH 15/15] chore: update notice

---
 services/notice.json | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/services/notice.json b/services/notice.json
index 6bef8437f..9012a9a48 100644
--- a/services/notice.json
+++ b/services/notice.json
@@ -1,29 +1,39 @@
 {
   "all": {},
-  "site": {},
+  "site": {
+    "title": "🎨 新图标资源发布，支持可变粗细和多色填充，欢迎使用体验",
+    "type": "primary",
+    "actionUrl": "https://tdesign.tencent.com/icons",
+    "closeable": true
+  },
   "vue": {
-    "title": "🗓 新增单组件的更新日志，进入任意组件页后，点击更新日志按钮即可查看",
+    "title": "🎨 图标新版本 0.4.0 发布，支持可变粗细和多色填充的图标资源，欢迎使用体验",
     "type": "primary",
+    "actionUrl": "https://tdesign.tencent.com/icons",
     "closeable": true
   },
   "react": {
-    "title": "🗓 新增单组件的更新日志，进入任意组件页后，点击更新日志按钮即可查看",
+    "title": "🎨 图标新版本 0.6.0 发布，支持可变粗细和多色填充的图标资源，欢迎使用体验",
     "type": "primary",
+    "actionUrl": "https://tdesign.tencent.com/icons",
     "closeable": true
   },
   "vue-next": {
-    "title": "🗓 新增单组件的更新日志，进入任意组件页后，点击更新日志按钮即可查看",
+    "title": "🎨 图标新版本 0.4.0 发布，支持可变粗细和多色填充的图标资源，欢迎使用体验",
     "type": "primary",
+    "actionUrl": "https://tdesign.tencent.com/icons",
     "closeable": true
   },
   "vue-mobile": {
-    "title": "🗓 新增单组件的更新日志，进入任意组件页后，点击更新日志按钮即可查看",
+    "title": "🎨 图标新版本 0.4.0 发布，支持可变粗细和多色填充的图标资源，欢迎使用体验",
     "type": "primary",
+    "actionUrl": "https://tdesign.tencent.com/icons",
     "closeable": true
   },
   "react-mobile": {
-    "title": "📢 站点接入主题生成器，支持自定义CSS 变量",
+    "title": "🎨 图标新版本 0.6.0 发布，支持可变粗细和多色填充的图标资源，欢迎使用体验",
     "type": "primary",
+    "actionUrl": "https://tdesign.tencent.com/icons",
     "closeable": true
   },
   "miniprogram": {