From 794240344bfe1505ef645f0dce50163ca6b9ea60 Mon Sep 17 00:00:00 2001
From: "tingzhao.ytz" <tingzhao.ytz@antgroup.com>
Date: Thu, 21 Mar 2024 11:37:52 +0800
Subject: [PATCH] fix: icon svg style bug

---
 .changeset/hot-cheetahs-cheat.md              |    5 +
 docs/guide/contribute-icons.md                |    7 +
 docs/guide/contribute-icons.zh-CN.md          |    7 +
 .../__snapshots__/index.test.tsx.snap         | 1434 +++++++++--------
 .../src/components/safeheron-colorful.tsx     |    1 +
 .../icons/src/svgs/aave-circle-colorful.svg   |   11 +-
 packages/icons/src/svgs/akro-colorful.svg     |    8 +-
 .../icons/src/svgs/alpha-circle-colorful.svg  |   18 +-
 packages/icons/src/svgs/any-colorful.svg      |    8 +-
 .../icons/src/svgs/ape-circle-colorful.svg    |  110 +-
 packages/icons/src/svgs/api3-colorful.svg     |  338 ++--
 .../icons/src/svgs/arrr-circle-colorful.svg   |    8 +-
 .../icons/src/svgs/astr-circle-colorful.svg   |   92 +-
 .../icons/src/svgs/bsw-circle-colorful.svg    |   16 +-
 packages/icons/src/svgs/bzrx-colorful.svg     |   12 +-
 .../icons/src/svgs/cdai-circle-colorful.svg   |   18 +-
 .../icons/src/svgs/cow-circle-colorful.svg    |   22 +-
 packages/icons/src/svgs/deso-colorful.svg     |   20 +-
 .../icons/src/svgs/divi-circle-colorful.svg   |    8 +-
 packages/icons/src/svgs/dmt-colorful.svg      |    2 +-
 .../icons/src/svgs/drt-circle-colorful.svg    |    8 +-
 packages/icons/src/svgs/dydx-colorful.svg     |   18 +-
 .../icons/src/svgs/eurs-circle-colorful.svg   |   17 +-
 .../icons/src/svgs/gxc-circle-colorful.svg    |    2 +-
 packages/icons/src/svgs/hedg-colorful.svg     |    2 +-
 packages/icons/src/svgs/hex-colorful.svg      |    2 +-
 packages/icons/src/svgs/inj-colorful.svg      |   14 +-
 packages/icons/src/svgs/iqn-colorful.svg      |    2 +-
 .../icons/src/svgs/iris-circle-colorful.svg   |   58 +-
 packages/icons/src/svgs/karma-colorful.svg    |    2 +-
 .../icons/src/svgs/kmd-circle-colorful.svg    |    2 +-
 packages/icons/src/svgs/lbc-colorful.svg      |    2 +-
 .../icons/src/svgs/ldo-circle-colorful.svg    |   38 +-
 packages/icons/src/svgs/leo-colorful.svg      |  342 ++--
 packages/icons/src/svgs/lto-colorful.svg      |    2 +-
 packages/icons/src/svgs/matic-colorful.svg    |    5 +-
 .../icons/src/svgs/meld-circle-colorful.svg   |   14 +-
 .../icons/src/svgs/mkr-circle-colorful.svg    |    2 +-
 .../icons/src/svgs/mph-circle-colorful.svg    |   12 +-
 packages/icons/src/svgs/mtl-colorful.svg      |   82 +-
 .../icons/src/svgs/mxc-circle-colorful.svg    |   12 +-
 packages/icons/src/svgs/myst-colorful.svg     |    2 +-
 packages/icons/src/svgs/nim-colorful.svg      |   36 +-
 packages/icons/src/svgs/one-colorful.svg      |    2 +-
 packages/icons/src/svgs/rev-colorful.svg      |    2 +-
 packages/icons/src/svgs/rune-colorful.svg     |    8 +-
 .../src/svgs/safemoon-circle-colorful.svg     |   34 +-
 .../icons/src/svgs/sand-circle-colorful.svg   |   10 +-
 packages/icons/src/svgs/sha-colorful.svg      |   62 +-
 .../icons/src/svgs/snow-circle-colorful.svg   |   16 +-
 packages/icons/src/svgs/srm-colorful.svg      |   20 +-
 .../icons/src/svgs/tfuel-circle-colorful.svg  |   18 +-
 .../icons/src/svgs/trb-circle-colorful.svg    |    2 +-
 .../icons/src/svgs/twokey-circle-colorful.svg |   14 +-
 packages/icons/src/svgs/veil-colorful.svg     |   48 +-
 packages/icons/src/svgs/xaut-colorful.svg     |    2 +-
 .../icons/src/svgs/xec-circle-colorful.svg    |    2 +-
 packages/icons/src/svgs/xpr-colorful.svg      |    8 +-
 .../icons/src/svgs/yfi-circle-colorful.svg    |   14 +-
 .../__snapshots__/index.test.tsx.snap         |   44 +
 60 files changed, 1705 insertions(+), 1422 deletions(-)
 create mode 100644 .changeset/hot-cheetahs-cheat.md

diff --git a/.changeset/hot-cheetahs-cheat.md b/.changeset/hot-cheetahs-cheat.md
new file mode 100644
index 000000000..7718773f6
--- /dev/null
+++ b/.changeset/hot-cheetahs-cheat.md
@@ -0,0 +1,5 @@
+---
+'@ant-design/web3-icons': patch
+---
+
+fix: icon svg style error
diff --git a/docs/guide/contribute-icons.md b/docs/guide/contribute-icons.md
index d96a628eb..6d2672ee7 100644
--- a/docs/guide/contribute-icons.md
+++ b/docs/guide/contribute-icons.md
@@ -40,6 +40,13 @@ The `packages/icons` directory corresponds to the `@ant-design/web3-icons` packa
 
 Add new svg in `svgs` folder, file name should be the same as icon name, and use the [kebab-case](https://developer.mozilla.org/en-US/docs/Glossary/Kebab_case) style for file name.
 
+Also, please note that do not use `id` in the `style` attribute of the svg, because the `react-inline-svg-unique-id` plugin does not support `style`. We recommend that the properties in `style` be taken out as separate attributes as much as possible:
+
+```diff
+- <circle style="fill:url(#ant-web3-icon-aave-circle-colorful-3);" cx="400" cy="400" r="388"/> # bad
++ <circle fill="url(#ant-web3-icon-aave-circle-colorful-3)" cx="400" cy="400" r="388"/> # good
+```
+
 ## Complete the icon react component
 
 In the `components` directory, refer to the following template to complete the component. There are two parts that need to be changed:
diff --git a/docs/guide/contribute-icons.zh-CN.md b/docs/guide/contribute-icons.zh-CN.md
index 59aad0e5f..5eb2e907b 100644
--- a/docs/guide/contribute-icons.zh-CN.md
+++ b/docs/guide/contribute-icons.zh-CN.md
@@ -40,6 +40,13 @@ group:
 
 在 `svgs` 目录下添加新的 svg 文件，文件名应该和图标名称一致，注意文件名应该使用 [kebab-case](https://developer.mozilla.org/en-US/docs/Glossary/Kebab_case) 风格。
 
+另外需要注意的是，在 svg 的 `style` 属性中请勿使用 `id`，因为 `react-inline-svg-unique-id` 插件不支持识别 `style`，我们建议 `style` 中的属性尽量拿出来单独作为属性：
+
+```diff
+- <circle style="fill:url(#ant-web3-icon-aave-circle-colorful-3);" cx="400" cy="400" r="388"/> # bad
++ <circle fill="url(#ant-web3-icon-aave-circle-colorful-3)" cx="400" cy="400" r="388"/> # good
+```
+
 ## 完成图标 react 组件
 
 在 `components` 目录下参考如下模板完成组件，有两部分需要更改：
diff --git a/packages/icons/src/__tests__/__snapshots__/index.test.tsx.snap b/packages/icons/src/__tests__/__snapshots__/index.test.tsx.snap
index 6fa9a1c32..792d1693d 100644
--- a/packages/icons/src/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/icons/src/__tests__/__snapshots__/index.test.tsx.snap
@@ -895,6 +895,7 @@ exports[`Test Icons > should render all icons 7`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 100 100"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -918,28 +919,36 @@ exports[`Test Icons > should render all icons 7`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(0, 119, 252);"
+        stop-color="#0077FC"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(9, 94, 181);"
+        stop-color="#095EB5"
       />
     </lineargradient>
     <path
+      clip-rule="evenodd"
       d="M100,50c0-6.5-1.3-13.1-3.8-19.1S90,19.3,85.4,14.6C80.7,10,75.2,6.3,69.1,3.8S56.5,0,50,0S36.9,1.3,30.9,3.8 S19.3,10,14.6,14.6C10,19.3,6.3,24.8,3.8,30.9S0,43.5,0,50s1.3,13.1,3.8,19.1S10,80.7,14.6,85.4c4.6,4.6,10.2,8.3,16.2,10.8 S43.5,100,50,100s13.1-1.3,19.1-3.8S80.7,90,85.4,85.4c4.6-4.6,8.3-10.2,10.8-16.2S100,56.5,100,50z"
-      style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-yfi-circle-colorful-SVGID_1_);"
+      fill="url(#ant-web3-icon-yfi-circle-colorful-SVGID_1_)"
+      fill-rule="evenodd"
     />
     <path
+      clip-rule="evenodd"
       d="M47.4,27.4h5.2v45.2h-5.2V27.4z"
-      style="fill-rule: evenodd; clip-rule: evenodd; fill: #FFFFFF;"
+      fill="#FFFFFF"
+      fill-rule="evenodd"
     />
     <path
+      clip-rule="evenodd"
       d="M44.5,48.7v-5.4c-4.1-2-7-6.3-7-11.2c0-6.9,5.6-12.5,12.5-12.5c7.8,0,13.4,5.6,13.4,12.5c0,1.7-0.4,3.4-1.2,5.4 l-2.2-7.2l-4.4,1.4l3.9,14.9l15.2-5.6l-1.9-4.4l-5.7,1.9c1-2.2,1.2-3.9,1.2-6.5c0-9.7-7.8-17.5-18.4-17.5c-9.7,0-17.5,7.8-17.5,17.5 C32.5,39.8,37.5,46.4,44.5,48.7z"
-      style="fill-rule: evenodd; clip-rule: evenodd; fill: #FFFFFF;"
+      fill="#FFFFFF"
+      fill-rule="evenodd"
     />
     <path
+      clip-rule="evenodd"
       d="M55.5,51.3v5.4c4.1,2,7,6.3,7,11.2c0,6.9-5.6,12.5-12.5,12.5c-7.8,0-13.4-5.6-13.4-12.5c0-1.7,0.4-3.4,1.2-5.4 l2.2,7.2l4.4-1.4l-3.9-14.9l-15.2,5.6l1.9,4.4l5.7-1.9c-1,2.2-1.2,3.9-1.2,6.5c0,9.7,7.8,17.5,18.4,17.5c9.7,0,17.5-7.8,17.5-17.5 C67.5,60.2,62.5,53.6,55.5,51.3z"
-      style="fill-rule: evenodd; clip-rule: evenodd; fill: #FFFFFF;"
+      fill="#FFFFFF"
+      fill-rule="evenodd"
     />
   </svg>
 </span>
@@ -1338,6 +1347,7 @@ exports[`Test Icons > should render all icons 16`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 269.2 302"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -1360,16 +1370,17 @@ exports[`Test Icons > should render all icons 16`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(107, 87, 165);"
+        stop-color="#6B57A5"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(89, 73, 158);"
+        stop-color="#59499E"
       />
     </lineargradient>
     <path
       d="M76.5,103.7c-0.5,4.2-1,8.6-1.3,13l0,0c-7.6,5.3-14.7,10.7-21.3,16.1l0,0c-3.4,2.8-6.7,5.6-9.8,8.5l0,0 C19.7,116.4,9.3,94,16,82.5l0,0c5.9-10.2,25.7-13.1,53.5-7.6l0,0c1.1-4.8,2.2-9.4,3.5-13.8l0,0c-33.7-6.8-59.4-2.3-69.1,14.4l0,0 C1.3,79.9,0,84.9,0,90.2l0,0v0.5c0.2,23.7,23.5,55.4,62.4,85.3l0,0c4,3.1,8.3,6.2,12.7,9.3l0,0c0.8,9.7,2,19,3.5,27.7l0,0 c0.7,3.9,1.4,7.7,2.2,11.4l0,0c-33.7,8.7-58.2,6.5-64.9-5l0,0c-5.9-10.2,1.5-28.9,20.1-50.2l0,0L26.3,159 c-23,26-32.2,50.7-22.5,67.5l0,0c6.8,11.8,21.5,17.4,41.3,17.4l0,0c19.9,0,44.9-5.7,72.3-16.8l0,0c0.7-0.3,1.4-0.6,2.2-0.9l0,0 c4.8-2,9.6-4.1,14.5-6.4l0,0c0.2-0.1,0.4-0.2,0.6-0.3l0,0c8.7,4,17.3,7.6,25.8,10.7l0,0c3.7,1.4,7.4,2.6,11,3.8l0,0 c-9.3,33.6-23.5,53.8-36.8,53.8l0,0c-11.8,0-24.3-15.8-33.4-42.8l0,0c-4.6,1.6-9.1,3-13.6,4.2l0,0c11,32.6,27.7,52.6,47,52.6 c28.1,0,50.5-42.2,58.2-103.7l0,0c0.5-4.2,0.9-8.6,1.3-12.9l0,0c7.9-5.5,15.3-11.2,22.2-17l0,0c0.4-0.3,0.8-0.6,1.2-1l0,0 c2.6-2.2,5.1-4.4,7.6-6.7l0,0c24.5,24.8,34.9,47.3,28.2,58.8l0,0c-5.5,9.5-23.6,12.7-48.4,8.6l0,0c-1.7-0.3-3.3-0.6-5-0.9l0,0 c-1.1,4.7-2.2,9.2-3.5,13.6l0,0c2.1,0.4,4.2,0.8,6.2,1.1l0,0c7.9,1.3,15.2,2,21.9,2l0,0c20.1,0,34.4-5.9,41-17.3l0,0 c8.8-15.2,2.4-37.3-18.1-62.1l0,0c-10.6-12.9-24.4-25.9-40.4-38.3l0,0c-4.1-3.2-8.4-6.3-12.7-9.4l0,0c-0.8-9.7-2-19-3.6-27.8l0,0 c-0.7-3.9-1.4-7.7-2.2-11.4l0,0c5.7-1.5,11.2-2.7,16.5-3.6l0,0c24.8-4.1,42.9-0.9,48.4,8.6l0,0c5.8,10-1.3,28.3-19.3,49.2l0,0 c3.5,3.4,6.7,6.8,9.7,10.1l0,0c1.3-1.4,2.5-2.9,3.6-4.3l0,0c20.4-24.8,26.9-46.9,18.1-62.1l0,0c-8.8-15.2-31.1-20.7-62.8-15.4l0,0 c-14.7,2.4-30.8,7.1-47.5,13.5l0,0c-0.7,0.3-1.3,0.5-2,0.8l0,0c-5.6,2.2-11.2,4.6-16.8,7.2l0,0c-0.5,0.2-1,0.5-1.5,0.7l0,0 c-8.8-4.1-17.5-7.8-25.9-10.9l0,0c-3.7-1.4-7.4-2.6-11-3.8l0,0c9.3-33.5,23.5-53.7,36.8-53.7l0,0c11.8,0,24.4,15.9,33.5,42.9l0,0 c4.6-1.5,9.1-2.9,13.6-4.2l0,0C170.7,20.1,154,0,134.6,0l0,0C106.6,0,84.1,42.2,76.5,103.7L76.5,103.7z M165.9,98.6 c-0.2-0.2-0.5-0.3-0.7-0.4l0,0c-4.7-2.7-9.5-5.3-14.1-7.8l0,0c0.4-0.2,0.8-0.4,1.2-0.5l0,0c5.7-2.4,11.4-4.6,16.9-6.5l0,0 c1.9-0.7,3.8-1.3,5.6-1.9l0,0c0.8,3.7,1.5,7.4,2.2,11.3l0,0c0.8,4.5,1.4,9.1,2,13.8l0,0C174.7,103.9,170.3,101.2,165.9,98.6 L165.9,98.6z M92.2,93.3c0.7-4.1,1.4-8,2.3-11.8l0,0c3.7,1.2,7.4,2.4,11.2,3.9l0,0c4.1,1.5,8.3,3.2,12.6,5l0,0 c-4.7,2.5-9.5,5.1-14.2,7.8l0,0c-0.2,0.1-0.4,0.2-0.6,0.4l0,0c-4.5,2.6-8.9,5.3-13.2,8l0,0C90.9,102,91.5,97.6,92.2,93.3L92.2,93.3z  M111.1,191.7c-3.4-1.9-6.7-3.9-9.9-5.9l0,0c-4.4-2.7-8.6-5.4-12.7-8.2l0,0c-0.6-8.5-0.9-17.4-0.9-26.6l0,0c0-4.8,0.1-9.5,0.3-14.1 l0,0c0.2-4.3,0.4-8.4,0.7-12.5l0,0c7.1-4.8,14.6-9.5,22.5-14.1l0,0c3-1.8,6.1-3.5,9.1-5.1l0,0c4.8-2.6,9.6-5,14.4-7.4l0,0 c7.7,3.7,15.5,7.9,23.5,12.5l0,0c3.4,2,6.7,3.9,9.9,5.9l0,0c4.4,2.7,8.6,5.4,12.7,8.2l0,0c0.6,8.5,0.9,17.4,0.9,26.6l0,0 c0,4.8-0.1,9.5-0.3,14.1l0,0c-0.2,4.2-0.4,8.4-0.7,12.5l0,0c-7.1,4.8-14.6,9.5-22.5,14.1l0,0c-2.1,1.2-4.1,2.4-6.2,3.5l0,0 c-5.3,3-10.6,5.7-15.8,8.3l0,0c-0.5,0.2-1,0.5-1.5,0.7l0,0C126.8,200.4,118.9,196.2,111.1,191.7L111.1,191.7z M61.7,157.4 c-2.6-2.1-5-4.3-7.4-6.4l0,0c3.3-2.9,6.7-5.9,10.3-8.8l0,0c3-2.4,6.1-4.9,9.4-7.3l0,0c-0.2,4-0.3,8.1-0.3,12.2l0,0 c0,1.3,0,2.6,0,3.9l0,0c0,5.5,0.1,10.8,0.3,16.1l0,0C69.7,163.9,65.5,160.7,61.7,157.4L61.7,157.4z M195.6,155c0-1.3,0-2.6,0-4l0,0 c0-5.5-0.1-10.8-0.3-16.1l0,0c4.3,3.2,8.4,6.5,12.3,9.7l0,0c2.5,2.1,5,4.3,7.3,6.4l0,0c-2.6,2.3-5.3,4.7-8.1,7l0,0 c-0.4,0.3-0.8,0.7-1.2,1l0,0c-3.3,2.7-6.8,5.5-10.4,8.2l0,0C195.4,163.2,195.6,159.1,195.6,155L195.6,155z M92.3,209.2 c-0.8-4.5-1.4-9.1-2-13.8l0,0c4.3,2.7,8.6,5.3,13.1,7.9l0,0c0.2,0.2,0.5,0.3,0.7,0.4l0,0c4.7,2.7,9.4,5.3,14.2,7.8l0,0 c0,0-0.1,0-0.1,0.1l0,0c-5,2.1-9.9,4-14.7,5.8l0,0c-0.7,0.3-1.4,0.5-2.1,0.8l0,0c-2.3,0.8-4.6,1.6-6.9,2.3l0,0 C93.7,216.9,93,213.1,92.3,209.2L92.3,209.2z M163.6,216.6c-4.2-1.6-8.4-3.2-12.7-5l0,0c0.6-0.3,1.2-0.6,1.8-0.9l0,0 c4.1-2.2,8.2-4.5,12.4-6.8l0,0c1.2-0.7,2.4-1.4,3.5-2.1l0,0c3.5-2.1,6.9-4.2,10.3-6.3l0,0c-0.6,4.5-1.2,9-1.9,13.2l0,0 c-0.7,4.1-1.5,8-2.3,11.9l0,0C171.1,219.3,167.4,218,163.6,216.6L163.6,216.6z M116.6,151L116.6,151c0-9.9,8.1-18,18-18l0,0 c9.9,0,18,8.1,18,18l0,0c0,9.9-8.1,18-18,18l0,0C124.7,169,116.6,160.9,116.6,151z"
-      style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-xpr-colorful-SVGID_1_);"
+      fill="url(#ant-web3-icon-xpr-colorful-SVGID_1_)"
+      style="fill-rule: evenodd; clip-rule: evenodd;"
     />
   </svg>
 </span>
@@ -2089,15 +2100,15 @@ exports[`Test Icons > should render all icons 29`] = `
     </defs>
     <path
       d="M145.1,99.82l-31.71,18.26a2.61,2.61,0,0,0-1.31,2.29v15.32a2.48,2.48,0,0,0,1.31,2.21l13.28,7.66a2.36,2.36,0,0,0,2.53,0L184,114c9.3-5.38,9.3-20.88,0-26.26L134.75,59.38a13.17,13.17,0,0,0-13.62,0L71.89,87.75A13.45,13.45,0,0,0,65,99.58c0,19,.08,37.91,0,56.82a13.45,13.45,0,0,0,6.85,11.83l49.24,28.45a13.54,13.54,0,0,0,13.62,0L184,168.23a13.31,13.31,0,0,0,6.77-11.83V131.7l-58.62,33.92a8.31,8.31,0,0,1-8.48,0L97.49,150.45a8.3,8.3,0,0,1-4.24-7.34V112.87a8.36,8.36,0,0,1,4.15-7.26c8.73-5.06,17.53-10.11,26.26-15.17a8.36,8.36,0,0,1,8.48,0l13,7.42A1.14,1.14,0,0,1,145.1,99.82Z"
-      style="fill: #fff;"
+      fill=" #fff"
     />
     <path
       d="M128,37.32A90.68,90.68,0,1,0,218.68,128,90.68,90.68,0,0,0,128,37.32Zm17.1,60.54-13-7.42a8.36,8.36,0,0,0-8.48,0c-8.73,5.06-17.53,10.11-26.26,15.17a8.36,8.36,0,0,0-4.15,7.26v30.24a8.3,8.3,0,0,0,4.24,7.34l26.17,15.17a8.31,8.31,0,0,0,8.48,0l58.62-33.92v24.7A13.31,13.31,0,0,1,184,168.23l-49.24,28.45a13.54,13.54,0,0,1-13.62,0L71.89,168.23A13.45,13.45,0,0,1,65,156.4c.08-18.91,0-37.83,0-56.82a13.45,13.45,0,0,1,6.85-11.83l49.24-28.37a13.17,13.17,0,0,1,13.62,0L184,87.75c9.3,5.38,9.3,20.88,0,26.26L129.2,145.56a2.36,2.36,0,0,1-2.53,0l-13.28-7.66a2.48,2.48,0,0,1-1.31-2.21V120.37a2.61,2.61,0,0,1,1.31-2.29L145.1,99.82A1.14,1.14,0,0,0,145.1,97.86Z"
-      style="fill: #fff;"
+      fill=" #fff"
     />
     <path
       d="M128,0A128,128,0,1,0,256,128,128,128,0,0,0,128,0Zm17.1,97.86-13-7.42a8.36,8.36,0,0,0-8.48,0c-8.73,5.06-17.53,10.11-26.26,15.17a8.36,8.36,0,0,0-4.15,7.26v30.24a8.3,8.3,0,0,0,4.24,7.34l26.17,15.17a8.31,8.31,0,0,0,8.48,0l58.62-33.92v24.7A13.31,13.31,0,0,1,184,168.23l-49.24,28.45a13.54,13.54,0,0,1-13.62,0L71.89,168.23A13.45,13.45,0,0,1,65,156.4c.08-18.91,0-37.83,0-56.82a13.45,13.45,0,0,1,6.85-11.83l49.24-28.37a13.17,13.17,0,0,1,13.62,0L184,87.75c9.3,5.38,9.3,20.88,0,26.26L129.2,145.56a2.36,2.36,0,0,1-2.53,0l-13.28-7.66a2.48,2.48,0,0,1-1.31-2.21V120.37a2.61,2.61,0,0,1,1.31-2.29L145.1,99.82A1.14,1.14,0,0,0,145.1,97.86Z"
-      style="fill: url(#ant-web3-icon-xec-circle-colorful-New_Gradient_Swatch_2);"
+      fill=" url(#ant-web3-icon-xec-circle-colorful-New_Gradient_Swatch_2)"
     />
   </svg>
 </span>
@@ -2425,7 +2436,8 @@ exports[`Test Icons > should render all icons 37`] = `
         >
           <path
             d="M112.11,2.71.49,237.12a4.36,4.36,0,0,0,.9,5.23L302.7,531.22a4.72,4.72,0,0,0,6.32,0L610.51,242.35a4.41,4.41,0,0,0,.9-5.23L499.79,2.71a4.12,4.12,0,0,0-4-2.71H116.07a4.49,4.49,0,0,0-4,2.71Z"
-            style="fill-rule: evenodd; fill: url(#ant-web3-icon-xaut-colorful-linear-gradient);"
+            fill="url(#ant-web3-icon-xaut-colorful-linear-gradient)"
+            style="fill-rule: evenodd;"
           />
           <path
             d="M344.72,261.1h0c-2.16.18-13.34.9-38.23.9-19.83,0-33.9-.54-38.95-.9h0c-76.63-3.42-133.79-16.77-133.79-32.64s57.16-29.39,133.79-32.81v52.11c5,.36,19.3,1.26,39.13,1.26,23.8,0,35.7-1.08,37.87-1.26V195.65c76.45,3.42,133.61,16.77,133.61,32.63s-57,29.4-133.43,32.82Zm0-70.68V143.71H451.47V72.49H160.8v71.22H267.54v46.71c-86.73,4-152,21.09-152,41.83s65.27,37.69,152,41.83V423.57h77.18V274.08c86.55-4,151.65-21.1,151.65-41.65s-65.1-38.05-151.65-42h0Z"
@@ -3677,6 +3689,7 @@ exports[`Test Icons > should render all icons 66`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 247.3 214.2"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -3712,13 +3725,13 @@ exports[`Test Icons > should render all icons 66`] = `
           id="ant-web3-icon-veil-colorful-SVGID_2_"
         >
           <use
-            style="overflow: visible;"
+            overflow="visible"
             xlink:href="#ant-web3-icon-veil-colorful-SVGID_1_"
           />
         </clippath>
         <g
+          clip-path=" url(#ant-web3-icon-veil-colorful-SVGID_2_)"
           id="ant-web3-icon-veil-colorful-g32"
-          style="clip-path: url(#ant-web3-icon-veil-colorful-SVGID_2_);"
         >
           <lineargradient
             gradientTransform="matrix(0 183.7613 -183.7613 0 130935.2578 161837.2813)"
@@ -3731,17 +3744,17 @@ exports[`Test Icons > should render all icons 66`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(0, 144, 255);"
+              stop-color="#0090FF"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(10, 57, 121);"
+              stop-color="#0A3979"
             />
           </lineargradient>
           <path
             d="M208.8,66.7L208.8,66.7L247.3,0c-9.6,1.2-19,4.1-27.7,8.4c-7.4,14.5-7.6,29.1-16.5,42.1 c-31.3,46-83.9,60.3-130,30.1C46.6,63.3,30.7,18.5,27.7,8.4C19,4.1,9.6,1.2,0,0c12.8,22.2,25.7,44.5,38.5,66.7 c46.9,16.5,78.1,73.4,84.9,117C129.4,133.4,164.9,86.2,208.8,66.7"
+            fill=" url(#ant-web3-icon-veil-colorful-path44_1_)"
             id="ant-web3-icon-veil-colorful-path44"
-            style="fill: url(#ant-web3-icon-veil-colorful-path44_1_);"
           />
         </g>
       </g>
@@ -3760,13 +3773,13 @@ exports[`Test Icons > should render all icons 66`] = `
           id="ant-web3-icon-veil-colorful-SVGID_4_"
         >
           <use
-            style="overflow: visible;"
+            overflow="visible"
             xlink:href="#ant-web3-icon-veil-colorful-SVGID_3_"
           />
         </clippath>
         <g
+          clip-path=" url(#ant-web3-icon-veil-colorful-SVGID_4_)"
           id="ant-web3-icon-veil-colorful-g48"
-          style="clip-path: url(#ant-web3-icon-veil-colorful-SVGID_4_);"
         >
           <lineargradient
             gradientTransform="matrix(89.158 0 0 89.158 78057.0078 -63812.8789)"
@@ -3779,21 +3792,21 @@ exports[`Test Icons > should render all icons 66`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(0, 144, 255);"
+              stop-color="#0090FF"
             />
             <stop
               offset="0.96"
-              style="stop-color: rgb(8, 74, 147);"
+              stop-color="#084A93"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(8, 74, 147);"
+              stop-color="#084A93"
             />
           </lineargradient>
           <path
             d="M208.8,66.7c-64.1,17.4-102.1,83.3-85.1,147.5l0,0L208.8,66.7"
+            fill=" url(#ant-web3-icon-veil-colorful-path62_1_)"
             id="ant-web3-icon-veil-colorful-path62"
-            style="fill: url(#ant-web3-icon-veil-colorful-path62_1_);"
           />
         </g>
       </g>
@@ -3812,13 +3825,13 @@ exports[`Test Icons > should render all icons 66`] = `
           id="ant-web3-icon-veil-colorful-SVGID_6_"
         >
           <use
-            style="overflow: visible;"
+            overflow="visible"
             xlink:href="#ant-web3-icon-veil-colorful-SVGID_5_"
           />
         </clippath>
         <g
+          clip-path=" url(#ant-web3-icon-veil-colorful-SVGID_6_)"
           id="ant-web3-icon-veil-colorful-g66"
-          style="clip-path: url(#ant-web3-icon-veil-colorful-SVGID_6_);"
         >
           <lineargradient
             gradientTransform="matrix(0 147.456 -147.456 0 104919.5547 129897.7656)"
@@ -3831,21 +3844,21 @@ exports[`Test Icons > should render all icons 66`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(0, 144, 255);"
+              stop-color="#0090FF"
             />
             <stop
               offset="0.96"
-              style="stop-color: rgb(8, 74, 147);"
+              stop-color="#084A93"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(8, 74, 147);"
+              stop-color="#084A93"
             />
           </lineargradient>
           <path
             d="M38.5,66.7l85.1,147.5C140.6,150,102.6,84.2,38.5,66.7"
+            fill=" url(#ant-web3-icon-veil-colorful-path80_1_)"
             id="ant-web3-icon-veil-colorful-path80"
-            style="fill: url(#ant-web3-icon-veil-colorful-path80_1_);"
           />
         </g>
       </g>
@@ -3864,13 +3877,13 @@ exports[`Test Icons > should render all icons 66`] = `
           id="ant-web3-icon-veil-colorful-SVGID_8_"
         >
           <use
-            style="overflow: visible;"
+            overflow="visible"
             xlink:href="#ant-web3-icon-veil-colorful-SVGID_7_"
           />
         </clippath>
         <g
+          clip-path=" url(#ant-web3-icon-veil-colorful-SVGID_8_)"
           id="ant-web3-icon-veil-colorful-g84"
-          style="clip-path: url(#ant-web3-icon-veil-colorful-SVGID_8_);"
         >
           <lineargradient
             gradientTransform="matrix(0 -88.1949 88.1949 0 -63639.6289 -77818.7109)"
@@ -3883,21 +3896,21 @@ exports[`Test Icons > should render all icons 66`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(19, 213, 210);"
+              stop-color="#13D5D2"
             />
             <stop
               offset="0.43"
-              style="stop-color: rgb(18, 224, 228);"
+              stop-color="#12E0E4"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(118, 189, 255);"
+              stop-color="#76BDFF"
             />
           </lineargradient>
           <path
             d="M205.5,51.1c8-12.9,12.9-27.5,14.2-42.7c-20.9,10.4-36.9,28.7-44.3,50.8 c-16.6,49.7-86.8,49.7-103.4,0C64.5,37.1,48.6,18.8,27.7,8.5c4.5,53,51.1,92.3,104.1,87.8C162.1,93.7,189.4,77,205.5,51.1 L205.5,51.1"
+            fill=" url(#ant-web3-icon-veil-colorful-path98_1_)"
             id="ant-web3-icon-veil-colorful-path98"
-            style="fill: url(#ant-web3-icon-veil-colorful-path98_1_);"
           />
         </g>
       </g>
@@ -4631,6 +4644,7 @@ exports[`Test Icons > should render all icons 82`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 591.5 591.5"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -4658,26 +4672,26 @@ exports[`Test Icons > should render all icons 82`] = `
         >
           <stop
             offset="0.3"
-            style="stop-color: rgb(23, 147, 111);"
+            stop-color="#17936F"
           />
           <stop
             offset="0.41"
-            style="stop-color: rgb(20, 160, 115);"
+            stop-color="#14A073"
           />
           <stop
             offset="0.63"
-            style="stop-color: rgb(11, 194, 126);"
+            stop-color="#0BC27E"
           />
           <stop
             offset="0.79"
-            style="stop-color: rgb(4, 224, 135);"
+            stop-color="#04E087"
           />
         </lineargradient>
         <circle
           cx="295.8"
           cy="295.8"
+          fill=" url(#ant-web3-icon-2key-circle-colorful-SVGID_1_)"
           r="295.8"
-          style="fill: url(#ant-web3-icon-2key-circle-colorful-SVGID_1_);"
         />
         <image
           height="381"
@@ -4688,7 +4702,7 @@ exports[`Test Icons > should render all icons 82`] = `
         />
         <path
           d="M501.7,291.9c-3.4,0-6.2,2.8-6.2,6.2c0,4.6-0.1,8.9-0.4,13c-0.9,8.6-3.7,16.2-7.5,20.1 c-3.4,3.8-9.3,4.1-13.1,0.6c-0.3-0.3-0.7-0.6-0.9-1c-5.9-6.6-7.7-21.2-6.4-32.1c0.3-3.4-2.3-6.4-5.7-6.6c-3.2-0.3-6.1,2-6.6,5.2 c-0.6,5.7-0.6,11.4,0,17c0,0.5-0.1,1-0.2,1.5c-2.7,21.5-11.9,26-19.1,26c-2.3-0.1-4.6-0.5-6.7-1.3l0.4-0.4 c6.9-7.8,11.1-18,11.1-27.1c0-5.9-1.7-11-5-14.7c-2.6-3-7.3-6.5-15.5-6.5c-6.8,0-13,3.5-16.5,9.3c-5.5,8.6-6,21.3-1.3,31.7 c1.3,2.7,2.9,5.3,4.9,7.5c-2.6,0.9-5.3,1.4-8.1,1.5c-8.7,0-21.2-10.6-28.4-18.3c7.9-6.3,14.9-13.6,20.7-21.9 c2-2.8,1.3-6.6-1.5-8.6s-6.6-1.3-8.6,1.5l0,0c-5.8,8.4-13.1,15.7-21.4,21.7l0-18.1c-0.1-3.4-3-6.1-6.4-5.9 c-3.2,0.1-5.8,2.7-5.9,5.9l-0.1,36.2c-0.1-0.1,0.6,17.3,1.5,18.1l0,0l0.1,0c0.9,0.9,2.1,1.4,3.3,1.6c0.4,0.1,0.9,0.1,1.3,0.1 c3.4,0,6.2-2.8,6.2-6.2l0,0v-18.2c6.8,7.6,23.5,24.4,39.2,24.4c6.7,0,13.4-1.7,19.2-5c5.4,3.1,11.4,4.8,17.6,5 c11.8,0,20.9-6.5,26.4-18.2c0.7,1.1,1.5,2.1,2.4,3.1c4.1,4.8,10.1,7.5,16.4,7.5c1.1,0,3.8-0.4,5-1.6c-1,1-1.6,4.2-2.2,5.6 c-0.9,1.9-1.8,3.8-2.7,5.7c-1.9,3.8-4,7.4-6.4,10.9c-4.7,7.1-10.3,13.7-16.6,19.4c-13.9,12.5-30.6,19.5-48.8,22.8 c-9.5,1.7-19.2,2.2-28.8,1.6c-9.9-0.6-19.7-2-29.4-4.1c-19.6-4.1-39-10.7-58.2-18.2c-11.1-4.3-22.2-9-33.3-13.8 c5.8-5.4,11.5-11,16.9-16.8c7.7-8.3,15-16.9,21.7-26c6.9-9.2,13.1-18.9,18.6-29c5.7-10.4,10.4-21.3,14-32.5 c3.8-11.8,6-24,6.6-36.4c0.2-6.4-0.1-12.9-0.9-19.3c-0.9-6.5-2.3-12.8-4.4-19c-4-12.2-9.9-23.7-17.6-34 c-8-10.8-18.2-19.8-29.9-26.4c-11.8-6.6-24.8-10.6-38.3-11.7c-3.3-0.3-6.5-0.5-9.7-0.5c-1.6,0-3.2,0-4.8,0.1l-2.4,0.1 c-0.8,0-1.6,0.1-2.5,0.2c-6.6,0.5-13.2,1.7-19.6,3.5c-12.6,3.7-24.4,9.6-34.9,17.6c-9.9,7.6-18.7,16.4-26.2,26.4 c-3.7,4.8-7,9.8-10.1,15c-1.6,2.6-3,5.2-4.4,7.9c-0.7,1.3-1.4,2.7-2.1,4.1l-1,2.2l-0.5,1.1l-0.6,1.4c-4.4,10.4,0.6,22.4,11,26.8 c10.1,4.2,21.7-0.2,26.4-10.1l0.5-1l0.5-1l0.7-1.4c0.5-1,1-1.9,1.5-2.9c1-2,2.2-3.9,3.4-5.8c2.4-3.8,4.9-7.6,7.7-11.1 c5.3-6.9,11.4-13.1,18.3-18.4c6.4-4.9,13.6-8.5,21.3-10.8c3.7-1.1,7.6-1.7,11.4-2c0.5,0,1-0.1,1.5-0.1l1.6-0.1c1,0,2.1-0.1,3.1,0 c2.1,0,4.1,0.1,6.1,0.3c7.7,0.6,15.1,2.8,21.8,6.5c6.7,3.8,12.6,8.9,17.2,15c5,6.7,8.8,14.1,11.4,22c1.3,3.8,2.2,7.8,2.8,11.8 c0.6,4.1,0.8,8.2,0.7,12.3c-0.3,8.7-1.8,17.4-4.4,25.7c-2.8,8.9-6.3,17.4-10.7,25.6c-9.2,17.1-20.5,33-33.6,47.4 c-8.4,9.4-17.5,18.2-27.1,26.3c-4.9-2.1-9.9-4.2-15-6.2c-10.4-4.3-21-7.9-31.8-10.9c-6-1.6-12-2.7-18.2-3.4 c-3.5-0.3-6.9-0.4-10.4-0.3c-4,0.2-7.9,0.9-11.8,2c-4.4,1.3-8.6,3.4-12.3,6.2c-3.8,2.9-7,6.4-9.5,10.4c-2.2,3.5-3.9,7.4-5.1,11.4 c-1,3.5-1.8,7-2.2,10.7c-0.4,3.3-0.6,6.5-0.7,9.8c-0.1,3.6,0.2,7.2,0.7,10.8c0.6,4.2,1.8,8.2,3.5,12.1c1.9,4.5,4.7,8.6,8.2,12 c3.6,3.5,7.8,6.2,12.4,8.1c4,1.6,8.3,2.7,12.6,3.1c7.1,0.6,14.3,0.2,21.3-1.4c12.8-2.7,23.8-7.3,34.2-12.5 c10.2-5.2,20-11.1,29.4-17.6c2.5-1.7,5-3.5,7.5-5.4c16.3,6.5,32.8,13,49.8,18.8c20.4,7,41.4,13.1,63.3,16.7 c11.1,1.9,22.3,2.9,33.5,3c11.5,0.1,22.9-1.1,34.1-3.7c22.9-5.2,43.5-17.6,58.9-35.3c7.4-8.5,13.7-17.9,18.9-27.9 c4.5-8.7,8.6-17.6,11.3-27.3c2.6-9.4,3.6-19.7,4.6-29.4c0.3-2.5,0.4-5.1,0.4-7.6c0.1-2,0.1-4,0.1-6.1 C507.9,294.8,505.2,292,501.7,291.9C501.7,291.9,501.7,291.9,501.7,291.9z M417.8,334.1c-1.9-1.8-3.5-3.9-4.6-6.3 c-3-6.5-2.8-14.9,0.5-19.9c1.2-2.2,3.6-3.6,6.1-3.6c2.8,0,4.9,0.8,6.2,2.2c1.6,1.9,1.9,4.6,1.9,6.6 C427.9,321.9,423.6,329.1,417.8,334.1L417.8,334.1z M154.4,397.2c-2.7,0.5-5.5,0.8-8.3,0.8c-8,0-10.8-9-10-14.4 c0.5-4,2.3-7.8,5-10.8c3.7-3.7,9.1-2.9,13.7-2.3c6.7,1,13.4,2.6,19.8,4.8c3.1,1,14,4.7,15.3,5.3 C178.9,387.6,167.4,394.9,154.4,397.2z"
-          style="fill: #FFFFFF;"
+          fill=" #FFFFFF"
         />
       </g>
     </g>
@@ -4993,8 +5007,8 @@ exports[`Test Icons > should render all icons 90`] = `
         id="ant-web3-icon-trb-circle-colorful-clip-path"
       >
         <rect
+          fill="none"
           height="200"
-          style="fill: none;"
           width="200"
         />
       </clippath>
@@ -5031,7 +5045,7 @@ exports[`Test Icons > should render all icons 90`] = `
         id="ant-web3-icon-trb-circle-colorful-Layer_1-2"
       >
         <g
-          style="clip-path: url(#ant-web3-icon-trb-circle-colorful-clip-path);"
+          clip-path="url(#ant-web3-icon-trb-circle-colorful-clip-path)"
         >
           <circle
             cx="100"
@@ -5040,7 +5054,7 @@ exports[`Test Icons > should render all icons 90`] = `
           />
           <path
             d="M164.8,77.5c4.4,17.2-82.3,59.7-121.6,69.8s76-39.7,71.5-56.9S18.3,87.3,57.6,77.2,160.4,60.3,164.8,77.5Z"
-            style="fill: url(#ant-web3-icon-trb-circle-colorful-linear-gradient);"
+            fill="url(#ant-web3-icon-trb-circle-colorful-linear-gradient)"
           />
         </g>
       </g>
@@ -5643,6 +5657,7 @@ exports[`Test Icons > should render all icons 102`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 1000 1000"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -5669,17 +5684,17 @@ exports[`Test Icons > should render all icons 102`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(255, 165, 13);"
+              stop-color="#FFA50D"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(254, 84, 19);"
+              stop-color="#FE5413"
             />
           </lineargradient>
           <path
             d="M500,0c276.1,0,500,223.9,500,500s-223.9,500-500,500S0,776.1,0,500S223.9,0,500,0L500,0z"
+            fill=" url(#ant-web3-icon-tfuel-circle-colorful-SVGID_2_)"
             id="ant-web3-icon-tfuel-circle-colorful-SVGID_1_"
-            style="fill: url(#ant-web3-icon-tfuel-circle-colorful-SVGID_2_);"
           />
         </g>
       </g>
@@ -5687,15 +5702,15 @@ exports[`Test Icons > should render all icons 102`] = `
         <g>
           <path
             d="M692,347c-6.3,7.5-5.9,24.1-16,19c0,0-70.3-26.9-27-106c11.7-18.3,23.8-19.5,22-64 c10.8,16.4,46.2,49.3,49,101C722.8,331.5,702.2,336.1,692,347L692,347z"
+            fill=" #FFFFFF"
             id="ant-web3-icon-tfuel-circle-colorful-SVGID_4_"
-            style="fill: #FFFFFF;"
           />
         </g>
         <g>
           <path
             d="M636,470c17.3-5.8,45.3-15,47-74c26.7,40.9,117.3,98.3,74,274c-17.6,68.5-83.2,101.8-145,127 c-38.6,16.4-78,43.8-94,85c0,0-292.1-36.9-283-327c7.3-150.5,148.3-208,208-318c31.8-69.4,21-139,21-139s186,115.7,102,294 C538.7,455,603.9,476.3,636,470L636,470z"
+            fill=" #FFFFFF"
             id="ant-web3-icon-tfuel-circle-colorful-SVGID_5_"
-            style="fill: #FFFFFF;"
           />
         </g>
         <g>
@@ -5709,17 +5724,17 @@ exports[`Test Icons > should render all icons 102`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(255, 165, 13);"
+              stop-color="#FFA50D"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(254, 84, 19);"
+              stop-color="#FE5413"
             />
           </lineargradient>
           <polygon
+            fill=" url(#ant-web3-icon-tfuel-circle-colorful-SVGID_3_)"
             id="ant-web3-icon-tfuel-circle-colorful-SVGID_6_"
             points="349,522 349,619 452,619 452,722 549,722 549,619 652,619 652,522  "
-            style="fill: url(#ant-web3-icon-tfuel-circle-colorful-SVGID_3_);"
           />
         </g>
       </g>
@@ -7236,6 +7251,7 @@ exports[`Test Icons > should render all icons 135`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 251 283.9"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -7259,16 +7275,16 @@ exports[`Test Icons > should render all icons 135`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(5, 170, 197);"
+        stop-color="#05AAC5"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(113, 224, 236);"
+        stop-color="#71E0EC"
       />
     </lineargradient>
     <path
       d="M125.5,233.9c-43.1,0-78.1-35-78.1-78.1c0-41.9,70.7-115.9,73.7-119l3.7-3.9l3.8,3.8c3.1,3.1,75,77.1,75,119 C203.6,198.9,168.6,233.9,125.5,233.9L125.5,233.9z M124.9,48c-6.2,6.7-19.2,21.2-32.1,38.2c-22.9,30.2-35,54.2-35,69.5 c0,37.3,30.4,67.7,67.7,67.7s67.7-30.4,67.7-67.7c0-15.3-12.3-39.3-35.6-69.5C144.5,69.3,131.2,54.7,124.9,48z"
-      style="fill: url(#ant-web3-icon-srm-colorful-SVGID_1_);"
+      fill=" url(#ant-web3-icon-srm-colorful-SVGID_1_)"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 -1 0 285.9755)"
@@ -7281,16 +7297,16 @@ exports[`Test Icons > should render all icons 135`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(5, 170, 197);"
+        stop-color="#05AAC5"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(113, 224, 236);"
+        stop-color="#71E0EC"
       />
     </lineargradient>
     <path
       d="M125.5,258.9c-56.9,0-103.1-46.3-103.1-103.1c0-55.6,77.6-133.2,80.9-136.4c2-2,5.4-2,7.4,0s2,5.4,0,7.4 c-0.8,0.8-77.8,77.8-77.8,129c0,51.1,41.6,92.7,92.7,92.7s92.7-41.6,92.7-92.7c0-21-13.6-50-39.4-84.1 c-19.8-26.1-39.7-45.9-39.9-46.1c-2.1-2-2.1-5.3,0-7.4c2-2.1,5.3-2.1,7.4,0c3.4,3.3,82.4,81.9,82.4,137.6 C228.6,212.6,182.4,258.9,125.5,258.9L125.5,258.9z"
-      style="fill: url(#ant-web3-icon-srm-colorful-SVGID_2_);"
+      fill=" url(#ant-web3-icon-srm-colorful-SVGID_2_)"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 -1 0 285.9755)"
@@ -7303,16 +7319,16 @@ exports[`Test Icons > should render all icons 135`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(5, 170, 197);"
+        stop-color="#05AAC5"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(113, 224, 236);"
+        stop-color="#71E0EC"
       />
     </lineargradient>
     <path
       d="M125.5,283.9C56.3,283.9,0,227.6,0,158.4c0-28.6,14.4-63.8,42.7-104.5C63.6,23.9,84.1,2.5,85,1.6 c2-2.1,5.3-2.1,7.4-0.1s2.1,5.3,0.1,7.4C92.3,9.1,71.6,30.7,51.2,60c-26.7,38.3-40.8,72.3-40.8,98.4c0,63.4,51.6,115.1,115.1,115.1 s115.1-51.6,115.1-115.1c0-26.1-14.2-60.1-41.1-98.4C178.9,30.7,158,9.1,157.8,8.9c-2-2.1-2-5.4,0.1-7.4s5.4-2,7.4,0.1 c3.5,3.6,85.7,89,85.7,156.8C251,227.6,194.7,283.9,125.5,283.9z"
-      style="fill: url(#ant-web3-icon-srm-colorful-SVGID_3_);"
+      fill=" url(#ant-web3-icon-srm-colorful-SVGID_3_)"
     />
   </svg>
 </span>
@@ -7828,6 +7844,7 @@ exports[`Test Icons > should render all icons 143`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 24 24"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -7851,11 +7868,11 @@ exports[`Test Icons > should render all icons 143`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(26, 219, 197);"
+        stop-color="#1ADBC5"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(4, 211, 221);"
+        stop-color="#04D3DD"
       />
     </lineargradient>
     <path
@@ -7864,7 +7881,7 @@ exports[`Test Icons > should render all icons 143`] = `
     />
     <path
       d="M19.2,16.1l-1.4-0.8l1.1-0.3c0.3-0.1,0.5-0.4,0.4-0.7s-0.4-0.5-0.6-0.4l-1.2,0.3c-0.6,0.2-1.2,0.1-1.7-0.2 c-0.5-0.3-0.8-0.8-0.8-1.4v-0.2c0-0.6,0.3-1.1,0.8-1.4c0.5-0.3,1.1-0.4,1.7-0.2c1.4,0.4,1.3,0.4,1.4,0.4c0.2,0,0.4-0.2,0.5-0.4 c0.1-0.3-0.1-0.6-0.4-0.7l-1.1-0.3L19.2,9c0.3-0.1,0.3-0.5,0.2-0.7c-0.1-0.3-0.5-0.3-0.7-0.2l-1.4,0.8l0.3-1.1 c0.1-0.3-0.1-0.6-0.4-0.7c-0.3-0.1-0.6,0.1-0.6,0.4l-0.3,1.3c-0.1,0.6-0.5,1-1,1.3c-0.5,0.3-1.1,0.3-1.6,0l-0.1-0.1 c-0.5-0.3-0.8-0.8-0.8-1.4c0-0.6,0.2-1.2,0.7-1.6l0.9-0.9c0.2-0.2,0.2-0.5,0-0.8c-0.2-0.2-0.5-0.2-0.7,0l-0.8,0.8V4.5 c0-0.3-0.2-0.5-0.5-0.5c-0.3,0-0.5,0.2-0.5,0.5v1.7l-0.8-0.8c-0.2-0.2-0.5-0.2-0.7,0c-0.2,0.2-0.2,0.5,0,0.8L10.9,7 c0.4,0.4,0.7,1,0.7,1.6c0,0.6-0.3,1.1-0.8,1.4l-0.1,0.1c-0.5,0.3-1.1,0.3-1.6,0c-0.5-0.3-0.9-0.8-1-1.3L7.6,7.5 C7.5,7.2,7.2,7,6.9,7.1C6.7,7.2,6.5,7.5,6.6,7.8l0.3,1.1L5.5,8.1C5.2,7.9,4.9,8,4.7,8.3C4.6,8.5,4.7,8.9,4.9,9l1.4,0.8l-1.1,0.3 c-0.3,0.1-0.5,0.4-0.4,0.7c0.1,0.2,0.3,0.4,0.5,0.4c0.1,0,0,0,1.4-0.4c0.6-0.2,1.2-0.1,1.7,0.2c0.5,0.3,0.8,0.8,0.8,1.4v0.2 c0,0.6-0.3,1.1-0.8,1.4c-0.5,0.3-1.1,0.4-1.7,0.2L5.5,14c-0.3-0.1-0.6,0.1-0.6,0.4c-0.1,0.3,0.1,0.6,0.4,0.7l1.1,0.3l-1.4,0.8 c-0.5,0.3-0.3,1,0.3,1c0.2,0,0.1,0,1.7-0.9l-0.3,1.1c-0.1,0.3,0.1,0.6,0.4,0.7c0.3,0.1,0.6-0.1,0.6-0.4l0.3-1.3c0.1-0.6,0.5-1,1-1.3 c0.5-0.3,1.1-0.3,1.6,0l0.1,0.1c0.5,0.3,0.8,0.8,0.8,1.4c0,0.6-0.2,1.2-0.7,1.6L10,19c-0.2,0.2-0.2,0.5,0,0.8c0.2,0.2,0.5,0.2,0.7,0 l0.8-0.8v1.7c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5V19l0.8,0.8c0.1,0.1,0.2,0.2,0.4,0.2c0.5,0,0.7-0.6,0.4-0.9l-0.9-0.9 c-0.4-0.4-0.7-1-0.7-1.6c0-0.6,0.3-1.1,0.8-1.4l0.1-0.1c0.5-0.3,1.1-0.3,1.6,0c0.5,0.3,0.9,0.8,1,1.3l0.3,1.3 c0.1,0.2,0.3,0.4,0.5,0.4c0.3,0,0.6-0.3,0.5-0.7l-0.3-1.1l1.4,0.8c0.3,0.1,0.6,0.1,0.7-0.2C19.5,16.6,19.5,16.3,19.2,16.1z  M13.8,12.6c0,0.6-0.3,1.2-0.9,1.5c-0.6,0.3-1.2,0.3-1.8,0c-0.5-0.3-0.9-0.9-0.9-1.5v0c0-0.6,0.3-1.2,0.9-1.5c0.6-0.3,1.2-0.3,1.8,0 C13.5,11.3,13.8,11.9,13.8,12.6L13.8,12.6z"
-      style="fill: #FFFFFF;"
+      fill=" #FFFFFF"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 -1 -12 1012)"
@@ -7877,20 +7894,22 @@ exports[`Test Icons > should render all icons 143`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(26, 219, 197);"
+        stop-color="#1ADBC5"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(4, 211, 221);"
+        stop-color="#04D3DD"
       />
     </lineargradient>
     <path
+      clip-rule="evenodd"
       d="M12,24c6.6,0,12-5.4,12-12c0-6.6-5.4-12-12-12C5.4,0,0,5.4,0,12C0,18.6,5.4,24,12,24z"
-      style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-snow-circle-colorful-SVGID_2_);"
+      fill="url(#ant-web3-icon-snow-circle-colorful-SVGID_2_)"
+      fill-rule="evenodd"
     />
     <path
       d="M19.2,16.1l-1.4-0.8l1.1-0.3c0.3-0.1,0.5-0.4,0.4-0.7s-0.4-0.5-0.6-0.4l-1.2,0.3c-0.6,0.2-1.2,0.1-1.7-0.2 c-0.5-0.3-0.8-0.8-0.8-1.4v-0.2c0-0.6,0.3-1.1,0.8-1.4c0.5-0.3,1.1-0.4,1.7-0.2c1.4,0.4,1.3,0.4,1.4,0.4c0.2,0,0.4-0.2,0.5-0.4 c0.1-0.3-0.1-0.6-0.4-0.7l-1.1-0.3L19.2,9c0.3-0.1,0.3-0.5,0.2-0.7c-0.1-0.3-0.5-0.3-0.7-0.2l-1.4,0.8l0.3-1.1 c0.1-0.3-0.1-0.6-0.4-0.7c-0.3-0.1-0.6,0.1-0.6,0.4l-0.3,1.3c-0.1,0.6-0.5,1-1,1.3c-0.5,0.3-1.1,0.3-1.6,0l-0.1-0.1 c-0.5-0.3-0.8-0.8-0.8-1.4c0-0.6,0.2-1.2,0.7-1.6l0.9-0.9c0.2-0.2,0.2-0.5,0-0.8c-0.2-0.2-0.5-0.2-0.7,0l-0.8,0.8V4.5 c0-0.3-0.2-0.5-0.5-0.5c-0.3,0-0.5,0.2-0.5,0.5v1.7l-0.8-0.8c-0.2-0.2-0.5-0.2-0.7,0c-0.2,0.2-0.2,0.5,0,0.8L10.9,7 c0.4,0.4,0.7,1,0.7,1.6c0,0.6-0.3,1.1-0.8,1.4l-0.1,0.1c-0.5,0.3-1.1,0.3-1.6,0c-0.5-0.3-0.9-0.8-1-1.3L7.6,7.5 C7.5,7.2,7.2,7,6.9,7.1C6.7,7.2,6.5,7.5,6.6,7.8l0.3,1.1L5.5,8.1C5.2,7.9,4.9,8,4.7,8.3C4.6,8.5,4.7,8.9,4.9,9l1.4,0.8l-1.1,0.3 c-0.3,0.1-0.5,0.4-0.4,0.7c0.1,0.2,0.3,0.4,0.5,0.4c0.1,0,0,0,1.4-0.4c0.6-0.2,1.2-0.1,1.7,0.2c0.5,0.3,0.8,0.8,0.8,1.4v0.2 c0,0.6-0.3,1.1-0.8,1.4c-0.5,0.3-1.1,0.4-1.7,0.2L5.5,14c-0.3-0.1-0.6,0.1-0.6,0.4c-0.1,0.3,0.1,0.6,0.4,0.7l1.1,0.3l-1.4,0.8 c-0.5,0.3-0.3,1,0.3,1c0.2,0,0.1,0,1.7-0.9l-0.3,1.1c-0.1,0.3,0.1,0.6,0.4,0.7c0.3,0.1,0.6-0.1,0.6-0.4l0.3-1.3c0.1-0.6,0.5-1,1-1.3 c0.5-0.3,1.1-0.3,1.6,0l0.1,0.1c0.5,0.3,0.8,0.8,0.8,1.4c0,0.6-0.2,1.2-0.7,1.6L10,19c-0.2,0.2-0.2,0.5,0,0.8c0.2,0.2,0.5,0.2,0.7,0 l0.8-0.8v1.7c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5V19l0.8,0.8c0.1,0.1,0.2,0.2,0.4,0.2c0.5,0,0.7-0.6,0.4-0.9l-0.9-0.9 c-0.4-0.4-0.7-1-0.7-1.6c0-0.6,0.3-1.1,0.8-1.4l0.1-0.1c0.5-0.3,1.1-0.3,1.6,0c0.5,0.3,0.9,0.8,1,1.3l0.3,1.3 c0.1,0.2,0.3,0.4,0.5,0.4c0.3,0,0.6-0.3,0.5-0.7l-0.3-1.1l1.4,0.8c0.3,0.1,0.6,0.1,0.7-0.2C19.5,16.6,19.5,16.3,19.2,16.1z  M13.8,12.6c0,0.6-0.3,1.2-0.9,1.5c-0.6,0.3-1.2,0.3-1.8,0c-0.5-0.3-0.9-0.9-0.9-1.5v0c0-0.6,0.3-1.2,0.9-1.5c0.6-0.3,1.2-0.3,1.8,0 C13.5,11.3,13.8,11.9,13.8,12.6L13.8,12.6z"
-      style="fill: #FFFFFF;"
+      fill=" #FFFFFF"
     />
   </svg>
 </span>
@@ -8348,6 +8367,7 @@ exports[`Test Icons > should render all icons 152`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 799.7 1080"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -8371,12 +8391,12 @@ exports[`Test Icons > should render all icons 152`] = `
         id="ant-web3-icon-sha-colorful-SVGID_00000022533968623775338850000007933518363624440239_"
       >
         <use
-          style="overflow: visible;"
+          overflow="visible"
           xlink:href="#ant-web3-icon-sha-colorful-SVGID_1_"
         />
       </clippath>
       <g
-        style="clip-path: url(#ant-web3-icon-sha-colorful-SVGID_00000022533968623775338850000007933518363624440239_);"
+        clip-path="url(#ant-web3-icon-sha-colorful-SVGID_00000022533968623775338850000007933518363624440239_)"
       >
         <lineargradient
           gradientTransform="matrix(718.3851 -718.3851 718.3851 718.3851 13150.7539 160492.7344)"
@@ -8389,16 +8409,16 @@ exports[`Test Icons > should render all icons 152`] = `
         >
           <stop
             offset="0"
-            style="stop-color: rgb(137, 51, 239);"
+            stop-color="#8933EF"
           />
           <stop
             offset="1"
-            style="stop-color: rgb(255, 45, 187);"
+            stop-color="#FF2DBB"
           />
         </lineargradient>
         <polygon
+          fill="url(#ant-web3-icon-sha-colorful-SVGID_00000028320129924618997320000015437099807225896627_)"
           points="-540,540 399.8,-399.8  1339.7,540 399.8,1479.8  "
-          style="fill: url(#ant-web3-icon-sha-colorful-SVGID_00000028320129924618997320000015437099807225896627_);"
         />
       </g>
     </g>
@@ -8413,12 +8433,12 @@ exports[`Test Icons > should render all icons 152`] = `
         id="ant-web3-icon-sha-colorful-SVGID_00000085936594931960722110000017451491775590203832_"
       >
         <use
-          style="overflow: visible;"
+          overflow="visible"
           xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000109020279021252862290000018427539091053992622_"
         />
       </clippath>
       <g
-        style="clip-path: url(#ant-web3-icon-sha-colorful-SVGID_00000085936594931960722110000017451491775590203832_);"
+        clip-path="url(#ant-web3-icon-sha-colorful-SVGID_00000085936594931960722110000017451491775590203832_)"
       >
         <lineargradient
           gradientTransform="matrix(718.3851 -718.3851 718.3851 718.3851 13150.7139 160492.8125)"
@@ -8431,16 +8451,16 @@ exports[`Test Icons > should render all icons 152`] = `
         >
           <stop
             offset="0"
-            style="stop-color: rgb(137, 51, 239);"
+            stop-color="#8933EF"
           />
           <stop
             offset="1"
-            style="stop-color: rgb(255, 45, 187);"
+            stop-color="#FF2DBB"
           />
         </lineargradient>
         <polygon
+          fill="url(#ant-web3-icon-sha-colorful-SVGID_00000082346347322031338530000014683120726886857868_)"
           points="-27.2,489.5 399.8,62.6  826.8,489.5 399.8,916.5  "
-          style="fill: url(#ant-web3-icon-sha-colorful-SVGID_00000082346347322031338530000014683120726886857868_);"
         />
       </g>
     </g>
@@ -8455,12 +8475,12 @@ exports[`Test Icons > should render all icons 152`] = `
         id="ant-web3-icon-sha-colorful-SVGID_00000012462947221932013700000008785498216799247797_"
       >
         <use
-          style="overflow: visible;"
+          overflow="visible"
           xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000168807714420179531800000015750464664801491074_"
         />
       </clippath>
       <g
-        style="clip-path: url(#ant-web3-icon-sha-colorful-SVGID_00000012462947221932013700000008785498216799247797_);"
+        clip-path="url(#ant-web3-icon-sha-colorful-SVGID_00000012462947221932013700000008785498216799247797_)"
       >
         <lineargradient
           gradientTransform="matrix(718.3851 -718.3851 718.3851 718.3851 13150.8135 160492.6094)"
@@ -8473,16 +8493,16 @@ exports[`Test Icons > should render all icons 152`] = `
         >
           <stop
             offset="0"
-            style="stop-color: rgb(137, 51, 239);"
+            stop-color="#8933EF"
           />
           <stop
             offset="1"
-            style="stop-color: rgb(255, 45, 187);"
+            stop-color="#FF2DBB"
           />
         </lineargradient>
         <polygon
+          fill="url(#ant-web3-icon-sha-colorful-SVGID_00000045598554596462634820000004729081677745134497_)"
           points="-63.6,268.1 238.5,-34  540.6,268.1 238.5,570.2  "
-          style="fill: url(#ant-web3-icon-sha-colorful-SVGID_00000045598554596462634820000004729081677745134497_);"
         />
       </g>
     </g>
@@ -8497,12 +8517,12 @@ exports[`Test Icons > should render all icons 152`] = `
         id="ant-web3-icon-sha-colorful-SVGID_00000033359479811214489220000008219021004950443451_"
       >
         <use
-          style="overflow: visible;"
+          overflow="visible"
           xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000174582612562493844140000000006786535788051104_"
         />
       </clippath>
       <g
-        style="clip-path: url(#ant-web3-icon-sha-colorful-SVGID_00000033359479811214489220000008219021004950443451_);"
+        clip-path="url(#ant-web3-icon-sha-colorful-SVGID_00000033359479811214489220000008219021004950443451_)"
       >
         <lineargradient
           gradientTransform="matrix(718.3851 -718.3851 718.3851 718.3851 13150.7471 160492.7344)"
@@ -8515,16 +8535,16 @@ exports[`Test Icons > should render all icons 152`] = `
         >
           <stop
             offset="0"
-            style="stop-color: rgb(137, 51, 239);"
+            stop-color="#8933EF"
           />
           <stop
             offset="1"
-            style="stop-color: rgb(255, 45, 187);"
+            stop-color="#FF2DBB"
           />
         </lineargradient>
         <polygon
+          fill="url(#ant-web3-icon-sha-colorful-SVGID_00000031174290176541309150000010605064668230296245_)"
           points="-151.2,717.5 238.6,327.7  628.4,717.5 238.6,1107.3  "
-          style="fill: url(#ant-web3-icon-sha-colorful-SVGID_00000031174290176541309150000010605064668230296245_);"
         />
       </g>
     </g>
@@ -8539,12 +8559,12 @@ exports[`Test Icons > should render all icons 152`] = `
         id="ant-web3-icon-sha-colorful-SVGID_00000029031677377590265740000009106018478449673872_"
       >
         <use
-          style="overflow: visible;"
+          overflow="visible"
           xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000091738113444618333000000004295418250409850255_"
         />
       </clippath>
       <g
-        style="clip-path: url(#ant-web3-icon-sha-colorful-SVGID_00000029031677377590265740000009106018478449673872_);"
+        clip-path="url(#ant-web3-icon-sha-colorful-SVGID_00000029031677377590265740000009106018478449673872_)"
       >
         <lineargradient
           gradientTransform="matrix(718.3851 -718.3851 718.3851 718.3851 13150.7422 160492.7031)"
@@ -8557,16 +8577,16 @@ exports[`Test Icons > should render all icons 152`] = `
         >
           <stop
             offset="0"
-            style="stop-color: rgb(137, 51, 239);"
+            stop-color="#8933EF"
           />
           <stop
             offset="1"
-            style="stop-color: rgb(255, 45, 187);"
+            stop-color="#FF2DBB"
           />
         </lineargradient>
         <polygon
+          fill="url(#ant-web3-icon-sha-colorful-SVGID_00000103248077394454783730000000778117678274359994_)"
           points="258.9,268 561.1,-34.2  863.3,268 561.1,570.2  "
-          style="fill: url(#ant-web3-icon-sha-colorful-SVGID_00000103248077394454783730000000778117678274359994_);"
         />
       </g>
     </g>
@@ -8581,12 +8601,12 @@ exports[`Test Icons > should render all icons 152`] = `
         id="ant-web3-icon-sha-colorful-SVGID_00000081649155789271971840000009304027408372995993_"
       >
         <use
-          style="overflow: visible;"
+          overflow="visible"
           xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000152960743096506751040000008901854242073394613_"
         />
       </clippath>
       <g
-        style="clip-path: url(#ant-web3-icon-sha-colorful-SVGID_00000081649155789271971840000009304027408372995993_);"
+        clip-path="url(#ant-web3-icon-sha-colorful-SVGID_00000081649155789271971840000009304027408372995993_)"
       >
         <lineargradient
           gradientTransform="matrix(718.3851 -718.3851 718.3851 718.3851 13150.6738 160492.7969)"
@@ -8599,16 +8619,16 @@ exports[`Test Icons > should render all icons 152`] = `
         >
           <stop
             offset="0"
-            style="stop-color: rgb(137, 51, 239);"
+            stop-color="#8933EF"
           />
           <stop
             offset="1"
-            style="stop-color: rgb(255, 45, 187);"
+            stop-color="#FF2DBB"
           />
         </lineargradient>
         <polygon
+          fill="url(#ant-web3-icon-sha-colorful-SVGID_00000052071382659092892630000015135903721764265637_)"
           points="171.1,717.6 560.4,328.4  949.6,717.6 560.4,1106.9  "
-          style="fill: url(#ant-web3-icon-sha-colorful-SVGID_00000052071382659092892630000015135903721764265637_);"
         />
       </g>
     </g>
@@ -8946,6 +8966,7 @@ exports[`Test Icons > should render all icons 161`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 50 50"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -8969,22 +8990,22 @@ exports[`Test Icons > should render all icons 161`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(0, 173, 239);"
+        stop-color="#00ADEF"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(0, 132, 255);"
+        stop-color="#0084FF"
       />
     </lineargradient>
     <circle
       cx="25"
       cy="25"
+      fill=" url(#ant-web3-icon-sand-circle-colorful-SVGID_1_)"
       r="25"
-      style="fill: url(#ant-web3-icon-sand-circle-colorful-SVGID_1_);"
     />
     <path
       d="M16.6,11.8l-2.7,2.7v10.7l2.7,2.7h10.7v5.4H22v-2.7h-8.1v5.4l2.7,2.7h16.1l2.7-2.7V25.2l-2.7-2.7H22v-5.4h5.4 v2.7h8.1v-5.4l-2.7-2.7H16.6z"
-      style="fill: #FFFFFF;"
+      fill=" #FFFFFF"
     />
   </svg>
 </span>
@@ -9062,6 +9083,7 @@ exports[`Test Icons > should render all icons 164`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 172.2 173.1"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -9085,28 +9107,28 @@ exports[`Test Icons > should render all icons 164`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(181, 224, 218);"
+        stop-color="#B5E0DA"
       />
       <stop
         offset="0.63"
-        style="stop-color: rgb(60, 186, 178);"
+        stop-color="#3CBAB2"
       />
       <stop
         offset="0.97"
-        style="stop-color: rgb(0, 168, 158);"
+        stop-color="#00A89E"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(0, 166, 156);"
+        stop-color="#00A69C"
       />
     </lineargradient>
     <polygon
+      fill=" url(#ant-web3-icon-safemoon-circle-colorful-SVGID_1_)"
       points="81.4,102.1 82.5,107.5 84.6,104.8 86.6,115 88.6,104.8 90.6,107.5 91.7,102.1 "
-      style="fill: url(#ant-web3-icon-safemoon-circle-colorful-SVGID_1_);"
     />
     <path
       d="M92,93.4V78c0-3-5.4-10.6-5.4-10.6S81.2,75,81.2,78v15.4c-3.5,1.1-6.6,3.4-8.8,6.4h28.4 C98.6,96.8,95.5,94.5,92,93.4z"
-      style="fill: #27233E;"
+      fill=" #27233E"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 1 0 -668)"
@@ -9119,24 +9141,24 @@ exports[`Test Icons > should render all icons 164`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(181, 224, 218);"
+        stop-color="#B5E0DA"
       />
       <stop
         offset="0.63"
-        style="stop-color: rgb(60, 186, 178);"
+        stop-color="#3CBAB2"
       />
       <stop
         offset="0.97"
-        style="stop-color: rgb(0, 168, 158);"
+        stop-color="#00A89E"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(0, 166, 156);"
+        stop-color="#00A69C"
       />
     </lineargradient>
     <path
       d="M152.1,109c0-4.5-3.6-8.1-8.1-8.1 s-8.1,3.6-8.1,8.1s3.6,8.1,8.1,8.1l0,0C148.5,117.1,152.1,113.4,152.1,109z M139.3,109c0-2.6,2.1-4.7,4.7-4.7s4.7,2.1,4.7,4.7 s-2.1,4.7-4.7,4.7l0,0C141.4,113.7,139.3,111.6,139.3,109z"
-      style="fill: url(#ant-web3-icon-safemoon-circle-colorful-SVGID_00000032642042356041694250000018136826273975415446_);"
+      fill="url(#ant-web3-icon-safemoon-circle-colorful-SVGID_00000032642042356041694250000018136826273975415446_)"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 1 0 -668)"
@@ -9149,24 +9171,24 @@ exports[`Test Icons > should render all icons 164`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(181, 224, 218);"
+        stop-color="#B5E0DA"
       />
       <stop
         offset="0.63"
-        style="stop-color: rgb(60, 186, 178);"
+        stop-color="#3CBAB2"
       />
       <stop
         offset="0.97"
-        style="stop-color: rgb(0, 168, 158);"
+        stop-color="#00A89E"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(0, 166, 156);"
+        stop-color="#00A69C"
       />
     </lineargradient>
     <path
       d="M86.6,0C38.8,0.1,0.1,38.8,0,86.6 c0,33,20.3,59.5,47.2,61.8c16.4,1.4,32.2-4.5,42.6-9.6c6.2-2.6,12-6.1,17.2-10.4l1.1-0.9l0,0c0.8-0.7,1.6-1.4,2.4-2.1 c9.8-9.2,21.4-25.9,21.4-52.7v-3l-45-30.9L42,69.6v2.9c0,26.8,11.6,43.4,21.4,52.7c1.1,1.1,2.3,2.1,3.6,3.2c4.1-1.5,8.2-3,12.2-4.8 c-10.2-6.6-25-20.9-25.9-48.2L87,52.3l33.7,23.1c-0.8,22-10.7,35.5-19.3,43.1l-1.1,0.8c-0.3,0.2-26.2,19.9-52.1,17.8 c-16.1-1.3-29.2-14.5-34.5-32.8c4.1-2.9,5.1-8.7,2.2-12.8c-1.1-1.6-2.7-2.8-4.6-3.4c0-0.6,0-1.1,0-1.7c0-10.6,2.2-21.1,6.6-30.7 c2.6,1.1,5.5,1.6,8.3,1.6c12.1,0,21.9-9.8,21.8-21.9c0-3.6-0.9-7.1-2.6-10.2c-0.2-0.5-0.5-0.9-0.8-1.3c34.5-23.2,81.3-14,104.5,20.5 c0.3,0.4,0.6,0.9,0.9,1.3c-6.6,5.6-7.4,15.5-1.8,22.1c3,3.5,7.4,5.6,12,5.6c0.2,0,0.5,0,0.7,0c0.8,4.3,1.2,8.7,1.2,13.1 c0,39.1-31.1,70-75.6,75.4C50.8,166.4,28,151.6,28,151.6c13.3,14.7,31.9,21.5,58.6,21.5c47.8-0.5,86.1-39.7,85.6-87.5 C171.7,38.5,133.6,0.5,86.6,0z M14,98.2c-0.2,1-0.7,1.9-1.3,2.6C12,97.9,11.6,95,11.4,92C13.5,93.3,14.5,95.8,14,98.2z M42.4,26.8 c4.8,9,1.4,20.3-7.7,25.1c-4.8,2.6-10.5,2.9-15.6,0.9C24.5,42.2,32.3,33,41.8,25.9C42,26.2,42.2,26.5,42.4,26.8L42.4,26.8z  M160.1,70.1c-6.8,0-12.4-5.5-12.4-12.3c0-3.5,1.4-6.8,4-9.1C155.6,55.3,158.4,62.5,160.1,70.1L160.1,70.1z"
-      style="fill: url(#ant-web3-icon-safemoon-circle-colorful-SVGID_00000166656113954037065390000004903023955343834279_);"
+      fill="url(#ant-web3-icon-safemoon-circle-colorful-SVGID_00000166656113954037065390000004903023955343834279_)"
     />
   </svg>
 </span>
@@ -9284,6 +9306,7 @@ exports[`Test Icons > should render all icons 168`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 253.3 290.5"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -9313,16 +9336,16 @@ exports[`Test Icons > should render all icons 168`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(0, 204, 255);"
+        stop-color="#00CCFF"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(51, 255, 153);"
+        stop-color="#33FF99"
       />
     </lineargradient>
     <path
       d="M0,290.5l202.8-85.4L138.6,140L0,290.5z M74.5,75l64.2,65L253.3,0L74.5,75z"
-      style="fill: url(#ant-web3-icon-rune-colorful-SVGID_1_);"
+      fill=" url(#ant-web3-icon-rune-colorful-SVGID_1_)"
     />
   </svg>
 </span>
@@ -9704,11 +9727,11 @@ exports[`Test Icons > should render all icons 176`] = `
     </lineargradient>
     <path
       d="M.3 0h198v198H.3z"
-      style="fill: url(#ant-web3-icon-rev-colorful-SVGID_1_);"
+      fill=" url(#ant-web3-icon-rev-colorful-SVGID_1_)"
     />
     <path
       d="M51.8 40v131l28-15V56l40 23-30 16v33l67 46v-31l-41-29 34-18V64l-70-39z"
-      style="fill: #fff;"
+      fill=" #fff"
     />
   </svg>
 </span>
@@ -14420,8 +14443,8 @@ exports[`Test Icons > should render all icons 240`] = `
     </title>
     <path
       d="M201.17,60a38.81,38.81,0,0,0-38.84,38.71v42.92c-4,.27-8.09.44-12.33,0.44s-8.31.17-12.33,0.41V98.71a38.84,38.84,0,0,0-77.67,0V201.29a38.84,38.84,0,0,0,77.67,0V158.37c4-.27,8.09-0.44,12.33-0.44s8.31-.17,12.33-0.41v43.77a38.84,38.84,0,0,0,77.67,0V98.71A38.81,38.81,0,0,0,201.17,60ZM98.83,75.86a22.91,22.91,0,0,1,22.92,22.85v45.45a130.64,130.64,0,0,0-33,9.33,60,60,0,0,0-12.8,7.64V98.71A22.91,22.91,0,0,1,98.83,75.86Zm22.92,125.43a22.92,22.92,0,1,1-45.84,0V191c0-9.09,7.2-17.7,19.27-23.06a113,113,0,0,1,26.57-7.77v41.12Zm79.42,22.85a22.91,22.91,0,0,1-22.92-22.85V155.84a130.64,130.64,0,0,0,33-9.33,60,60,0,0,0,12.8-7.64v62.42A22.91,22.91,0,0,1,201.17,224.14ZM204.82,132a113,113,0,0,1-26.57,7.77V98.71a22.92,22.92,0,1,1,45.84,0V109C224.09,118.05,216.89,126.66,204.82,132Z"
+      fill="url(#ant-web3-icon-one-colorful-linear-gradient)"
       id="ant-web3-icon-one-colorful-Shape"
-      style="fill: url(#ant-web3-icon-one-colorful-linear-gradient);"
       transform="translate(-60 -60)"
     />
   </svg>
@@ -15636,6 +15659,7 @@ exports[`Test Icons > should render all icons 263`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 64 56"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -15661,16 +15685,16 @@ exports[`Test Icons > should render all icons 263`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(236, 153, 28);"
+        stop-color="#EC991C"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(233, 178, 19);"
+        stop-color="#E9B213"
       />
     </radialgradient>
     <path
       d="M63.3,25.4L50,2.6C49,1,47.2,0,45.3,0H18.7c-1.9,0-3.7,1-4.6,2.6L0.7,25.4c-1,1.6-1,3.6,0,5.3l13.3,22.7 c1,1.6,2.7,2.6,4.6,2.6h26.7c1.9,0,3.7-1,4.7-2.6l13.3-22.8C64.2,29,64.2,27,63.3,25.4z"
-      style="fill: url(#ant-web3-icon-nim-colorful-SVGID_1_);"
+      fill=" url(#ant-web3-icon-nim-colorful-SVGID_1_)"
     />
   </svg>
 </span>
@@ -16255,8 +16279,8 @@ exports[`Test Icons > should render all icons 277`] = `
       </lineargradient>
       <path
         d="M284.4-76.9L108-253.3c-2.1-2.1-6.1-2.1-8.2 0L13.2-167l-84.9-84.9c-2.3-2.3-5.9-2.3-8.2 0l-26.5 26-97.4 95.5-21.3 20.9-31.3 30.5c-1.2 1.2-1.6 2.6-1.6 4.2s.7 3 1.6 4.2l88 88c2.3 2.3 6.1 2.3 8.2 0L-75.7-67 9.9 18.6c2.3 2.3 6.1 2.3 8.2 0l84.7-84.7L188 19.1c1.2 1.2 2.6 1.6 4.2 1.6s3-.5 4.2-1.6l88-88c1.2-1.2 1.6-2.6 1.6-4.2 0-1.7-.5-2.9-1.6-3.8zm-15.8 7.3L218-88.2l-23.2-50 13.4 1.9 63.6 63.6-3.2 3.1zM240-41l-15-32.1 34.5 12.7L240-41zm-348.3-115.7l-71.3 19.2 71.3-70.1v50.9zm-88.5 35.9l50-13.4-3.3 56.3-60.8-28.9 14.1-14zm62-16.6l8.9-2.3 23.7 36.4-37.1 41.1 4.5-75.2zm40.5 24.8l-19.9-30.5 11.3-3 28.4 11.7-19.8 21.8zm-2.3-43.6v-21.3l67.6 5.6 16.9 50.7-84.5-35zm57.2 65.9l24.2 14.8 4 56.5-34.2-34 6-37.3zm32.9 6.4l-30.7-19 2.3-14.8 28.9 12c.7.5 1.4.9 2.3.9l29.1 12.2 12.2 36.1-44.1-27.4zm43.8-10.4L69-110.7 45.8-69.4l-8.5-24.9zm43.9-35.6l-29.3 15.2 7-49.7 40.8 24.9-18.5 9.6zm30.7-16l-54.7-33.3-9.6-5.9L62-199.4l62.2 20.2 5.9 23.9-18.2 9.4zm29.8-11.5l-14.5-60.3 67.6 67.6-53.1-7.3zm.5 11.8l12.4 1.6L168-17.8l-35.7-35.7 9.9-92.1zm24.2 3.5l14.8 2.1 21.1 45.5-25.8 47.9-10.1-95.5zm-62.7-98.8l7.3 7.3 9.9 41.1-49.5-16 32.3-32.4zm-86.5 86.6l22.1-22.1L48-171l-8.9 62.9-9.1 4.7-28.1-11.5-23-69.2 30 30c2.4 1.9 5.9 1.9 8.3-.2zM-76-239.2l36.4 36.3 6.3 19-63.3-5.4v-29.8l20.6-20.1zM-220-98l69 32.6-1.9 31-61.7-10.8-29.3-29.3L-220-98zm55.6 103.2l-35.9-35.9 46.4 8.2-1.2 18.1-9.3 9.6zM-80-79.3l-62.4 62.4 1.6-26.7.2-.2 77.4-85.6 17.1 7-3.5 21.6-6.1 37.5-16-16c-2.2-2.3-5.9-2.3-8.3 0zM14.1 6.4L1.4-6.3-2.8-68l46.4 28.6 4.2 12.2L14.1 6.4zM103-80c-1.4 0-3 .5-4.2 1.6l-42 42-6.1-18.1L88-120.7l42-21.6-8.4 78.1-14.3-14.3c-1.2-1-2.9-1.5-4.3-1.5zm89.2 86.8L180.9-4.5l-2.3-21.6 29.8-55.4 22.8 49.3-39 39z"
+        fill=" url(#ant-web3-icon-myst-colorful-path0_fill_1_)"
         id="ant-web3-icon-myst-colorful-path0_fill"
-        style="fill: url(#ant-web3-icon-myst-colorful-path0_fill_1_);"
       />
     </g>
   </svg>
@@ -16271,6 +16295,7 @@ exports[`Test Icons > should render all icons 278`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 138 138"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -16294,26 +16319,26 @@ exports[`Test Icons > should render all icons 278`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(15, 81, 251);"
+        stop-color="#0F51FB"
       />
       <stop
         offset="0.4448"
-        style="stop-color: rgb(99, 36, 251);"
+        stop-color="#6324FB"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(239, 54, 120);"
+        stop-color="#EF3678"
       />
     </lineargradient>
     <circle
       cx="69"
       cy="69"
+      fill=" url(#ant-web3-icon-mxc-circle-colorful-SVGID_1_)"
       r="69"
-      style="fill: url(#ant-web3-icon-mxc-circle-colorful-SVGID_1_);"
     />
     <path
       d="M88.2,52.5c0-0.5,0.2-1.1,0.7-1.7c0.7-0.8,1.5-0.9,2-1h8.3c1,0,1.8-0.8,1.8-1.8v-9.2c0-1-0.8-1.8-1.8-1.8H90 c-1,0-1.8,0.8-1.8,1.8V47c0,0.5-0.2,1.2-0.8,1.9c-0.5,0.6-1.2,0.8-1.7,0.9h-8.5c-1,0-1.8,0.8-1.8,1.8v8.2c0,0.5-0.2,1.2-0.8,1.9 c-0.5,0.6-1.2,0.8-1.7,0.9h-7.8c-0.5-0.1-1.2-0.3-1.7-0.9c-0.5-0.5-0.7-1.1-0.8-1.6v-8.5c0-1-0.8-1.8-1.8-1.8h-8.5 c-0.5-0.1-1.2-0.3-1.7-0.9c-0.5-0.5-0.7-1.1-0.8-1.6v-8.5c0-1-0.8-1.8-1.8-1.8h-9.2c-1,0-1.8,0.8-1.8,1.8V48c0,1,0.8,1.8,1.8,1.8H47 c0.5,0,1.4,0.2,2,1c0.8,0.9,0.7,2.1,0.7,2.3l0,0v6.8c0,0.5-0.2,1.2-0.8,1.9c-0.5,0.6-1.2,0.8-1.7,0.9h-8.5c-1,0-1.8,0.8-1.8,1.8 v34.8c0,1,0.8,1.8,1.8,1.8H48c1,0,1.8-0.8,1.8-1.8v-34c0-0.5,0.2-1.1,0.7-1.7c0.7-0.8,1.5-0.9,2-1h7.2c0.5,0,1.4,0.2,2,1 c0.8,0.9,0.7,2.1,0.7,2.3l0,0v7.8c0,1,0.8,1.8,1.8,1.8h9.2c1,0,1.8-0.8,1.8-1.8v-8.4c0-0.5,0.2-1.1,0.7-1.7c0.7-0.8,1.5-0.9,2-1h7.2 c0.5,0,1.4,0.2,2,1c0.8,0.9,0.7,2.1,0.7,2.3l0,0v33.4c0,1,0.8,1.8,1.8,1.8h9.2c1,0,1.8-0.8,1.8-1.8V64.4c0-1-0.8-1.8-1.8-1.8h-8.5 c-0.5-0.1-1.2-0.3-1.7-0.9c-0.5-0.5-0.7-1.1-0.8-1.6L88.2,52.5L88.2,52.5z"
-      style="fill: #FFFFFF;"
+      fill=" #FFFFFF"
     />
   </svg>
 </span>
@@ -16363,6 +16388,7 @@ exports[`Test Icons > should render all icons 280`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 601.2 455.8"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -16387,44 +16413,44 @@ exports[`Test Icons > should render all icons 280`] = `
       >
         <stop
           offset="0"
-          style="stop-color: rgb(68, 0, 226);"
+          stop-color="#4400E2"
         />
         <stop
           offset="0.0411"
-          style="stop-color: rgb(112, 19, 197);"
+          stop-color="#7013C5"
         />
         <stop
           offset="0.0866"
-          style="stop-color: rgb(154, 37, 170);"
+          stop-color="#9A25AA"
         />
         <stop
           offset="0.1333"
-          style="stop-color: rgb(188, 52, 148);"
+          stop-color="#BC3494"
         />
         <stop
           offset="0.1804"
-          style="stop-color: rgb(215, 63, 130);"
+          stop-color="#D73F82"
         />
         <stop
           offset="0.2284"
-          style="stop-color: rgb(234, 72, 118);"
+          stop-color="#EA4876"
         />
         <stop
           offset="0.2776"
-          style="stop-color: rgb(245, 76, 110);"
+          stop-color="#F54C6E"
         />
         <stop
           offset="0.33"
-          style="stop-color: rgb(249, 78, 108);"
+          stop-color="#F94E6C"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(255, 212, 2);"
+          stop-color="#FFD402"
         />
       </lineargradient>
       <path
         d="M37.9,0C16.9,0,0,17,0,37.9v189.4v81.5v109.1c0,20.9,16.9,37.9,37.9,37.9s37.9-17,37.9-37.9v-380 C75.7,17,58.8,0,37.9,0z"
-        style="fill: url(#ant-web3-icon-mtl-colorful-SVGID_1_);"
+        fill=" url(#ant-web3-icon-mtl-colorful-SVGID_1_)"
       />
       <lineargradient
         gradientTransform="matrix(1 0 0 -1 0 458.4)"
@@ -16437,44 +16463,44 @@ exports[`Test Icons > should render all icons 280`] = `
       >
         <stop
           offset="0"
-          style="stop-color: rgb(68, 0, 226);"
+          stop-color="#4400E2"
         />
         <stop
           offset="0.0411"
-          style="stop-color: rgb(112, 19, 197);"
+          stop-color="#7013C5"
         />
         <stop
           offset="0.0866"
-          style="stop-color: rgb(154, 37, 170);"
+          stop-color="#9A25AA"
         />
         <stop
           offset="0.1333"
-          style="stop-color: rgb(188, 52, 148);"
+          stop-color="#BC3494"
         />
         <stop
           offset="0.1804"
-          style="stop-color: rgb(215, 63, 130);"
+          stop-color="#D73F82"
         />
         <stop
           offset="0.2284"
-          style="stop-color: rgb(234, 72, 118);"
+          stop-color="#EA4876"
         />
         <stop
           offset="0.2776"
-          style="stop-color: rgb(245, 76, 110);"
+          stop-color="#F54C6E"
         />
         <stop
           offset="0.33"
-          style="stop-color: rgb(249, 78, 108);"
+          stop-color="#F94E6C"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(255, 212, 2);"
+          stop-color="#FFD402"
         />
       </lineargradient>
       <path
         d="M563.3,0c-20.9,0-37.9,17-37.9,37.9v380c0,20.9,17,37.9,37.9,37.9c20.9,0,37.9-17,37.9-37.9v-380 C601.2,17,584.2,0,563.3,0z"
-        style="fill: url(#ant-web3-icon-mtl-colorful-SVGID_2_);"
+        fill=" url(#ant-web3-icon-mtl-colorful-SVGID_2_)"
       />
       <lineargradient
         gradientTransform="matrix(1 0 0 -1 0 458.4)"
@@ -16487,44 +16513,44 @@ exports[`Test Icons > should render all icons 280`] = `
       >
         <stop
           offset="0"
-          style="stop-color: rgb(68, 0, 226);"
+          stop-color="#4400E2"
         />
         <stop
           offset="0.0411"
-          style="stop-color: rgb(112, 19, 197);"
+          stop-color="#7013C5"
         />
         <stop
           offset="0.0866"
-          style="stop-color: rgb(154, 37, 170);"
+          stop-color="#9A25AA"
         />
         <stop
           offset="0.1333"
-          style="stop-color: rgb(188, 52, 148);"
+          stop-color="#BC3494"
         />
         <stop
           offset="0.1804"
-          style="stop-color: rgb(215, 63, 130);"
+          stop-color="#D73F82"
         />
         <stop
           offset="0.2284"
-          style="stop-color: rgb(234, 72, 118);"
+          stop-color="#EA4876"
         />
         <stop
           offset="0.2776"
-          style="stop-color: rgb(245, 76, 110);"
+          stop-color="#F54C6E"
         />
         <stop
           offset="0.33"
-          style="stop-color: rgb(249, 78, 108);"
+          stop-color="#F94E6C"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(255, 212, 2);"
+          stop-color="#FFD402"
         />
       </lineargradient>
       <path
         d="M213,79c-20.9,0-37.9,16.9-37.9,37.9v222c0,20.9,17,37.9,37.9,37.9s37.9-17,37.9-37.9v-222 C250.9,96,233.9,79,213,79z"
-        style="fill: url(#ant-web3-icon-mtl-colorful-SVGID_3_);"
+        fill=" url(#ant-web3-icon-mtl-colorful-SVGID_3_)"
       />
       <lineargradient
         gradientTransform="matrix(1 0 0 -1 0 458.4)"
@@ -16537,44 +16563,44 @@ exports[`Test Icons > should render all icons 280`] = `
       >
         <stop
           offset="0"
-          style="stop-color: rgb(68, 0, 226);"
+          stop-color="#4400E2"
         />
         <stop
           offset="0.0411"
-          style="stop-color: rgb(112, 19, 197);"
+          stop-color="#7013C5"
         />
         <stop
           offset="0.0866"
-          style="stop-color: rgb(154, 37, 170);"
+          stop-color="#9A25AA"
         />
         <stop
           offset="0.1333"
-          style="stop-color: rgb(188, 52, 148);"
+          stop-color="#BC3494"
         />
         <stop
           offset="0.1804"
-          style="stop-color: rgb(215, 63, 130);"
+          stop-color="#D73F82"
         />
         <stop
           offset="0.2284"
-          style="stop-color: rgb(234, 72, 118);"
+          stop-color="#EA4876"
         />
         <stop
           offset="0.2776"
-          style="stop-color: rgb(245, 76, 110);"
+          stop-color="#F54C6E"
         />
         <stop
           offset="0.33"
-          style="stop-color: rgb(249, 78, 108);"
+          stop-color="#F94E6C"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(255, 212, 2);"
+          stop-color="#FFD402"
         />
       </lineargradient>
       <path
         d="M388.2,142.8c-20.9,0-37.9,17-37.9,37.9v93.7c0,20.9,17,37.9,37.9,37.9c20.9,0,37.9-17,37.9-37.9v-93.7 C426,159.7,409.1,142.8,388.2,142.8z"
-        style="fill: url(#ant-web3-icon-mtl-colorful-SVGID_4_);"
+        fill=" url(#ant-web3-icon-mtl-colorful-SVGID_4_)"
       />
     </g>
   </svg>
@@ -16660,6 +16686,7 @@ exports[`Test Icons > should render all icons 283`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 250 250"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -16688,24 +16715,26 @@ exports[`Test Icons > should render all icons 283`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(255, 230, 0);"
+        stop-color="#FFE600"
       />
       <stop
         offset="0.3073"
-        style="stop-color: rgb(250, 173, 20);"
+        stop-color="#FAAD14"
       />
       <stop
         offset="0.6719"
-        style="stop-color: rgb(247, 22, 156);"
+        stop-color="#F7169C"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(52, 53, 245);"
+        stop-color="#3435F5"
       />
     </lineargradient>
     <path
+      clip-rule="evenodd"
       d="M137.6,193.1h-25.8C118.1,201.9,131.3,201.9,137.6,193.1z M142.3,185H107l-9.3-16.3h53.8L142.3,185z  M93.1,160.5h63.1l9.3-16.3H83.9L93.1,160.5z M79.2,136L70,119.7h109.3l-9.3,16.3H79.2z M65.4,111.5H184l10.9-19.3H54.4L65.4,111.5z  M49.9,84.1C45.7,73.8,53.2,62,64.7,62h119.8c11.6,0,19.1,11.8,14.8,22.1H49.9z"
-      style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-mph-circle-colorful-SVGID_1_);"
+      fill="url(#ant-web3-icon-mph-circle-colorful-SVGID_1_)"
+      fill-rule="evenodd"
     />
   </svg>
 </span>
@@ -17323,12 +17352,12 @@ exports[`Test Icons > should render all icons 291`] = `
         <circle
           cx="300"
           cy="300"
+          fill=" url(#ant-web3-icon-mkr-circle-colorful-linear-gradient)"
           r="300"
-          style="fill: url(#ant-web3-icon-mkr-circle-colorful-linear-gradient);"
         />
         <path
           d="M152.34,390V248.8l107.08,80.59V390h27.33V323.7A15.94,15.94,0,0,0,280.4,311L150.54,213.23A16,16,0,0,0,125,226V390Zm296.14,0V248.8L341.4,329.39V390H314.07V323.7A15.94,15.94,0,0,1,320.42,311l129.86-97.73A16,16,0,0,1,475.82,226V390Z"
-          style="fill: #fff;"
+          fill=" #fff"
         />
       </g>
     </g>
@@ -17995,6 +18024,7 @@ exports[`Test Icons > should render all icons 300`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 274 274"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -18018,18 +18048,18 @@ exports[`Test Icons > should render all icons 300`] = `
     >
       <stop
         offset="0.018"
-        style="stop-color: rgb(203, 26, 79);"
+        stop-color="#CB1A4F"
       />
       <stop
         offset="0.415"
-        style="stop-color: rgb(229, 27, 68);"
+        stop-color="#E51B44"
       />
     </lineargradient>
     <circle
       cx="137"
       cy="137"
+      fill=" url(#ant-web3-icon-meld-circle-colorful-SVGID_1_)"
       r="137"
-      style="fill: url(#ant-web3-icon-meld-circle-colorful-SVGID_1_);"
     />
     <path
       d="M198.6,125.5l-16.7-47.4c-0.8-2.2-2.4-4.2-4.3-5.5s-4.3-2.1-6.7-2.1h-0.1c-5,0-9.4,3-11,7.6l-22.9,65.5 l-22.9-65.5c-1.7-4.6-6.1-7.6-11-7.6H103c-2.4,0-4.7,0.7-6.7,2.1c-2,1.4-3.5,3.3-4.3,5.6l-16.6,47.4h-16c-6.5,0-11.7,5-11.7,11.2 s5.2,11.2,11.7,11.2h8.2l-9.4,26.6c-2,5.8,1.2,12.2,7.3,14.2c1.2,0.4,2.5,0.6,3.7,0.6c4.9,0,9.4-3,11-7.6l23-65.2l22.8,65.3 c1.7,4.6,6.1,7.6,11,7.6c5,0,9.4-3,11-7.6l22.8-65.3l23,65.3c2,5.8,8.6,9,14.8,7c6.1-2,9.4-8.3,7.3-14.2l-9.3-26.7h8.2 c6.4,0,11.7-5,11.7-11.2c0-6.2-5.2-11.2-11.7-11.2L198.6,125.5L198.6,125.5z"
@@ -18062,7 +18092,7 @@ exports[`Test Icons > should render all icons 300`] = `
       />
       <stop
         offset="0.526"
-        style="stop-color: rgb(229, 27, 68);"
+        stop-color="#E51B44"
       />
     </lineargradient>
     <path
@@ -18096,7 +18126,7 @@ exports[`Test Icons > should render all icons 300`] = `
       />
       <stop
         offset="0.526"
-        style="stop-color: rgb(229, 27, 68);"
+        stop-color="#E51B44"
       />
     </lineargradient>
     <path
@@ -18122,7 +18152,7 @@ exports[`Test Icons > should render all icons 300`] = `
       />
       <stop
         offset="0.654"
-        style="stop-color: rgb(214, 54, 79);"
+        stop-color="#D6364F"
       />
     </lineargradient>
     <path
@@ -18331,6 +18361,7 @@ exports[`Test Icons > should render all icons 305`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 38.4 33.5"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -18346,7 +18377,7 @@ exports[`Test Icons > should render all icons 305`] = `
     <g>
       <path
         d="M29,10.2c-0.7-0.4-1.6-0.4-2.4,0L21,13.5l-3.8,2.1l-5.5,3.3c-0.7,0.4-1.6,0.4-2.4,0L5,16.3 c-0.7-0.4-1.2-1.2-1.2-2.1v-5c0-0.8,0.4-1.6,1.2-2.1l4.3-2.5c0.7-0.4,1.6-0.4,2.4,0L16,7.2c0.7,0.4,1.2,1.2,1.2,2.1v3.3l3.8-2.2V7 c0-0.8-0.4-1.6-1.2-2.1l-8-4.7c-0.7-0.4-1.6-0.4-2.4,0L1.2,5C0.4,5.4,0,6.2,0,7v9.4c0,0.8,0.4,1.6,1.2,2.1l8.1,4.7 c0.7,0.4,1.6,0.4,2.4,0l5.5-3.2l3.8-2.2l5.5-3.2c0.7-0.4,1.6-0.4,2.4,0l4.3,2.5c0.7,0.4,1.2,1.2,1.2,2.1v5c0,0.8-0.4,1.6-1.2,2.1 L29,28.8c-0.7,0.4-1.6,0.4-2.4,0l-4.3-2.5c-0.7-0.4-1.2-1.2-1.2-2.1V21l-3.8,2.2v3.3c0,0.8,0.4,1.6,1.2,2.1l8.1,4.7 c0.7,0.4,1.6,0.4,2.4,0l8.1-4.7c0.7-0.4,1.2-1.2,1.2-2.1V17c0-0.8-0.4-1.6-1.2-2.1L29,10.2z"
-        style="fill: #8247E5;"
+        fill=" #8247E5"
       />
     </g>
   </svg>
@@ -18717,7 +18748,7 @@ exports[`Test Icons > should render all icons 312`] = `
     </title>
     <path
       d="M7.12.1,6,1.22l.23.23a.33.33,0,0,0,.47,0L7.82.33,7.59.1a.33.33,0,0,0-.47,0ZM4.27.1,4,.33,5.17,1.45a.32.32,0,0,0,.46,0l.23-.23L4.73.1a.32.32,0,0,0-.46,0ZM8.18,1.57,6.05,3.7l.43.44a.63.63,0,0,0,.88,0L9.49,2l-.43-.43a.62.62,0,0,0-.87,0Zm-5.39,0L2.36,2,4.49,4.13a.61.61,0,0,0,.88,0L5.8,3.7,3.67,1.57a.63.63,0,0,0-.88,0Zm2.9-.05-.22.23.46.46.46-.46-.23-.23a.32.32,0,0,0-.46,0Zm4,2.13L6.14,7.19l.71.72a1,1,0,0,0,1.46,0l3.54-3.54-.71-.72a1,1,0,0,0-1.46,0Zm-9,0L0,4.36,3.54,7.91A1,1,0,0,0,5,7.91l.72-.72L2.18,3.65a1,1,0,0,0-1.46,0Zm4.77.62-.43.43.87.87L6.8,4.7l-.43-.43a.62.62,0,0,0-.88,0ZM5.2,8.13l-.72.71,1.45,1.45L7.37,8.84l-.71-.71a1,1,0,0,0-1.46,0Z"
-      style="fill: url(#ant-web3-icon-lto-colorful-linear-gradient);"
+      fill="url(#ant-web3-icon-lto-colorful-linear-gradient)"
     />
   </svg>
 </span>
@@ -19039,6 +19070,7 @@ exports[`Test Icons > should render all icons 321`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 197.9 222.2"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -19065,32 +19097,32 @@ exports[`Test Icons > should render all icons 321`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(246, 233, 61);"
+        stop-color="#F6E93D"
       />
       <stop
         offset="0.13"
-        style="stop-color: rgb(248, 227, 48);"
+        stop-color="#F8E330"
       />
       <stop
         offset="0.35"
-        style="stop-color: rgb(247, 199, 48);"
+        stop-color="#F7C730"
       />
       <stop
         offset="0.64"
-        style="stop-color: rgb(245, 156, 46);"
+        stop-color="#F59C2E"
       />
       <stop
         offset="0.98"
-        style="stop-color: rgb(235, 94, 44);"
+        stop-color="#EB5E2C"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(235, 92, 44);"
+        stop-color="#EB5C2C"
       />
     </lineargradient>
     <polygon
+      fill=" url(#ant-web3-icon-leo-colorful-SVGID_1_)"
       points="46.1,95.2 46.2,95.2 47.9,95.8 49.5,96.4 51.2,96.9 52.8,97.6 54.5,98.2 56.1,98.8 57.8,99.4 59.4,100  61,100.6 62.6,101.2 64.3,101.8 65.9,102.5 67.6,103 69.2,103.6 70.9,104.2 72.5,104.9 74.2,105.5 75.8,106 77.4,106.6 79.1,107.3  80.8,107.9 80.8,105.3 80.8,104.9 80.8,102.8 80.8,102.8 80.8,101.3 80.8,100.2 80.8,97.6 80.8,95.1 80.8,92.5 80.8,90 80.8,87.3  80.8,84.8 80.8,84.5 80.8,84.5 80.8,84.5 78.8,84.5 76.9,84.5 76.9,84.5 76.7,84.5 74.6,84.5 73,84.5 73,84.5 72.4,84.5 70.3,84.5  69.2,84.5 69.2,84.5 68.1,84.5 65.9,84.5 65.3,84.5 65.3,84.5 63.8,84.5 61.7,84.5 61.6,84.5 61.5,84.5 59.5,84.5 57.7,84.5  57.7,84.5 57.4,84.5 55.2,84.5 53.8,84.5 53.8,84.5 50,84.5 50,84.5 46.2,84.5 46.1,84.5 43.9,84.5 42.3,85.3 38.5,87.3 34.6,89.4  30.7,91.3 27,93.3 23.1,95.4 19.2,97.3 15.4,99.4 11.5,101.4 7.7,103.3 3.9,105.4 0.4,107.2 0,164.5 3.9,167.2 7.7,169.9  11.5,172.5 15.4,175.3 19.2,178 23.1,180.7 24.8,182 27,179.2 30.7,174.2 31.1,173.7 30.7,173.4 27,170.7 23.1,168 19.2,165.3  15.4,162.6 11.5,159.8 10.5,159.2 10.8,112.8 11.5,112.4 15.4,110.5 19.2,108.6 23.1,106.7 27,104.8 30.7,102.8 34.6,100.9  38.5,99.1 42.3,97.1 "
-      style="fill: url(#ant-web3-icon-leo-colorful-SVGID_1_);"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 1 -15.82 -616.04)"
@@ -19103,32 +19135,32 @@ exports[`Test Icons > should render all icons 321`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(246, 233, 61);"
+        stop-color="#F6E93D"
       />
       <stop
         offset="0.13"
-        style="stop-color: rgb(248, 227, 48);"
+        stop-color="#F8E330"
       />
       <stop
         offset="0.35"
-        style="stop-color: rgb(247, 199, 48);"
+        stop-color="#F7C730"
       />
       <stop
         offset="0.64"
-        style="stop-color: rgb(245, 156, 46);"
+        stop-color="#F59C2E"
       />
       <stop
         offset="0.98"
-        style="stop-color: rgb(235, 94, 44);"
+        stop-color="#EB5E2C"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(235, 92, 44);"
+        stop-color="#EB5C2C"
       />
     </lineargradient>
     <polygon
+      fill=" url(#ant-web3-icon-leo-colorful-SVGID_2_)"
       points="112.3,204.5 109.1,205.8 105.5,207.3 101.9,208.7 98.3,210.2 96.7,210.8 94.8,209.9 91.2,208  87.6,206.3 84.1,204.4 80.5,202.6 76.9,200.9 73.3,199 69.7,197.2 66.1,195.4 62.5,193.6 58.9,191.7 55.5,190 51.9,188.2 51.5,188  51.5,141.2 48.3,141.2 44.7,141.2 41.1,141.2 41.1,194.4 44.7,196.1 48.3,197.9 51.9,199.8 55.5,201.5 58.9,203.4 62.5,205.2  66.1,207 69.7,208.8 73.3,210.6 76.9,212.4 80.5,214.2 84.1,216.1 87.6,217.8 91.2,219.7 94.8,221.4 96.2,222.2 98.3,221.2  101.9,219.9 105.5,218.4 109.1,216.9 112.6,215.5 116.2,214.1 112.6,205.1 "
-      style="fill: url(#ant-web3-icon-leo-colorful-SVGID_2_);"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 1 -15.82 -616.04)"
@@ -19141,32 +19173,32 @@ exports[`Test Icons > should render all icons 321`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(246, 233, 61);"
+        stop-color="#F6E93D"
       />
       <stop
         offset="0.13"
-        style="stop-color: rgb(248, 227, 48);"
+        stop-color="#F8E330"
       />
       <stop
         offset="0.35"
-        style="stop-color: rgb(247, 199, 48);"
+        stop-color="#F7C730"
       />
       <stop
         offset="0.64"
-        style="stop-color: rgb(245, 156, 46);"
+        stop-color="#F59C2E"
       />
       <stop
         offset="0.98"
-        style="stop-color: rgb(235, 94, 44);"
+        stop-color="#EB5E2C"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(235, 92, 44);"
+        stop-color="#EB5C2C"
       />
     </lineargradient>
     <polygon
+      fill=" url(#ant-web3-icon-leo-colorful-SVGID_3_)"
       points="176.2,139.5 176.4,161.5 175.5,162.3 169.4,166.5 163.3,170.9 157.2,175.3 151.1,179.6 145,183.9  139,188.3 132.9,192.6 129.3,195.2 126.8,193.3 120.8,188.6 114.7,184 108.6,179.3 102.6,174.7 101.5,173.9 101.5,150.2  102.6,149.2 108.6,142.8 114.7,136.5 120.8,130.1 126.8,123.8 132.7,117.6 126.8,117.6 120.8,117.6 114.7,117.6 108.6,117.6  102.6,117.6 96.4,117.6 90.3,117.6 84.3,117.6 78.2,117.6 72.1,117.6 66.1,117.6 60,117.6 66.1,124 72.1,130.3 78.2,136.6 84.3,143  90.3,149.3 91.2,150.2 91.2,178.9 96.4,183 102.6,187.7 108.6,192.3 114.7,197 120.8,201.6 126.8,206.3 129,208 132.9,205.2  139,201 145,196.6 151.1,192.2 157.2,188 163.3,183.6 169.4,179.2 175.5,175 181.6,170.6 186.6,166.9 187.6,139.9 181.6,139.7 "
-      style="fill: url(#ant-web3-icon-leo-colorful-SVGID_3_);"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 1 -15.82 -616.04)"
@@ -19179,32 +19211,32 @@ exports[`Test Icons > should render all icons 321`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(246, 233, 61);"
+        stop-color="#F6E93D"
       />
       <stop
         offset="0.13"
-        style="stop-color: rgb(248, 227, 48);"
+        stop-color="#F8E330"
       />
       <stop
         offset="0.35"
-        style="stop-color: rgb(247, 199, 48);"
+        stop-color="#F7C730"
       />
       <stop
         offset="0.64"
-        style="stop-color: rgb(245, 156, 46);"
+        stop-color="#F59C2E"
       />
       <stop
         offset="0.98"
-        style="stop-color: rgb(235, 94, 44);"
+        stop-color="#EB5E2C"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(235, 92, 44);"
+        stop-color="#EB5C2C"
       />
     </lineargradient>
     <polygon
+      fill=" url(#ant-web3-icon-leo-colorful-SVGID_4_)"
       points="9.9,88.3 10.6,88.3 10.7,58.9 14.6,56.4 19.5,53.5 24.3,50.6 29.1,47.6 33.9,44.7 38.8,41.7 43.5,38.8  48.4,35.9 53.2,32.9 58.1,29.9 58.2,29.9 62.8,32.6 67.7,35.3 72.5,38.1 77.3,40.8 82.1,43.5 86.9,46.2 91.7,49 96.4,51.7  96.6,51.3 101.4,42.6 96.6,39.8 91.7,37.1 86.9,34.4 82.1,31.7 77.3,28.9 72.5,26.2 67.7,23.5 62.8,20.7 58.1,18 57.9,17.9  53.2,20.7 48.4,23.7 43.5,26.7 38.8,29.7 33.9,32.6 29.1,35.5 24.3,38.5 19.5,41.4 14.6,44.4 9.9,47.3 5,50.2 0.4,53.1 0.2,88.2  5,88.2 "
-      style="fill: url(#ant-web3-icon-leo-colorful-SVGID_4_);"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 1 -15.82 -616.04)"
@@ -19217,32 +19249,32 @@ exports[`Test Icons > should render all icons 321`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(246, 233, 61);"
+        stop-color="#F6E93D"
       />
       <stop
         offset="0.13"
-        style="stop-color: rgb(248, 227, 48);"
+        stop-color="#F8E330"
       />
       <stop
         offset="0.35"
-        style="stop-color: rgb(247, 199, 48);"
+        stop-color="#F7C730"
       />
       <stop
         offset="0.64"
-        style="stop-color: rgb(245, 156, 46);"
+        stop-color="#F59C2E"
       />
       <stop
         offset="0.98"
-        style="stop-color: rgb(235, 94, 44);"
+        stop-color="#EB5E2C"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(235, 92, 44);"
+        stop-color="#EB5C2C"
       />
     </lineargradient>
     <polygon
+      fill=" url(#ant-web3-icon-leo-colorful-SVGID_5_)"
       points="197.9,61.4 195.4,59.4 192.9,57.4 190.4,55.3 187.9,53.3 185.4,51.3 182.8,49.3 180.3,47.3 177.8,45.3  175.2,43.2 173.3,41.8 172.6,42.6 170.1,45.7 167.6,48.9 166.9,49.7 167.6,50.4 170.1,52.5 172.6,54.6 175.2,56.7 177.8,58.8  180.3,61 182.8,63.1 185.4,65.2 186.6,66.2 186.7,113.5 185.4,114.4 182.8,116 180.3,117.6 177.8,119.2 175.2,120.8 172.6,122.4  170.1,124 167.6,125.6 165.1,127.2 162.6,128.8 160.1,130.4 157.5,132 155,133.6 152.5,135.2 150,136.8 147.4,138.4 144.9,140  147.4,144 150,148 150.4,148.7 152.5,147.4 155,145.9 157.5,144.3 160.1,142.8 162.6,141.1 165.1,139.6 167.6,138 170.1,136.5  172.6,134.9 175.2,133.4 177.8,131.7 180.3,130.2 182.8,128.6 185.4,127.1 187.9,125.5 190.4,124 192.9,122.3 195.4,120.8  197.9,119.2 "
-      style="fill: url(#ant-web3-icon-leo-colorful-SVGID_5_);"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 1 -15.82 -616.04)"
@@ -19255,32 +19287,32 @@ exports[`Test Icons > should render all icons 321`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(246, 233, 61);"
+        stop-color="#F6E93D"
       />
       <stop
         offset="0.13"
-        style="stop-color: rgb(248, 227, 48);"
+        stop-color="#F8E330"
       />
       <stop
         offset="0.35"
-        style="stop-color: rgb(247, 199, 48);"
+        stop-color="#F7C730"
       />
       <stop
         offset="0.64"
-        style="stop-color: rgb(245, 156, 46);"
+        stop-color="#F59C2E"
       />
       <stop
         offset="0.98"
-        style="stop-color: rgb(235, 94, 44);"
+        stop-color="#EB5E2C"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(235, 92, 44);"
+        stop-color="#EB5C2C"
       />
     </lineargradient>
     <polyline
+      fill=" url(#ant-web3-icon-leo-colorful-SVGID_6_)"
       points="115.4,89.6 115.4,92.2 115.4,94.8 115.4,97.4 115.4,100.1 115.4,102.8 115.4,105.4 115.4,108  115.4,110 116.2,109.7 119.6,108.4 123,107 126.3,105.7 129.7,104.3 133.1,102.9 136.4,101.6 139.8,100.2 143.2,98.9 146.5,97.5  149.9,96.2 153.2,94.8 153.2,92.2 153.2,92.2 153.2,91.2 153.2,84.3 153.2,32.9 149.4,30.5 145.5,28.3 141.6,26.1 137.8,23.7  133.9,21.5 130,19.3 126.2,17 122.3,14.7 118.5,12.4 114.6,10.2 110.7,7.9 106.9,5.6 103.1,3.4 99.2,1.2 97.1,0 95.3,1 91.4,3.1  87.5,5.1 83.8,7.3 79.9,9.4 76,11.4 72.1,13.6 76,15.8 79.9,18 82.3,19.5 83.8,18.7 87.5,16.7 91.4,14.6 95.3,12.6 96.8,11.8  99.2,13.2 103.1,15.4 106.9,17.6 110.7,19.9 114.6,22.2 118.5,24.4 122.3,26.7 126.2,29 130,31.2 133.9,33.4 137.8,35.8 141.6,38  142.9,38.7 142.9,84.3 142,84.3 141.6,84.3 139.8,84.3 137.8,84.3 137.6,84.3 135.3,84.3 133.9,84.3 133.1,84.3 130.9,84.3  130,84.3 128.7,84.3 126.5,84.3 126.2,84.3 124.3,84.3 122.3,84.3 122.1,84.3 119.8,84.3 118.5,84.3 117.6,84.3 115.9,84.3  115.6,84.3 "
-      style="fill: url(#ant-web3-icon-leo-colorful-SVGID_6_);"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 1 -15.82 -616.04)"
@@ -19293,32 +19325,32 @@ exports[`Test Icons > should render all icons 321`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(246, 233, 61);"
+        stop-color="#F6E93D"
       />
       <stop
         offset="0.13"
-        style="stop-color: rgb(248, 227, 48);"
+        stop-color="#F8E330"
       />
       <stop
         offset="0.35"
-        style="stop-color: rgb(247, 199, 48);"
+        stop-color="#F7C730"
       />
       <stop
         offset="0.64"
-        style="stop-color: rgb(245, 156, 46);"
+        stop-color="#F59C2E"
       />
       <stop
         offset="0.98"
-        style="stop-color: rgb(235, 94, 44);"
+        stop-color="#EB5E2C"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(235, 92, 44);"
+        stop-color="#EB5C2C"
       />
     </lineargradient>
     <polyline
+      fill=" url(#ant-web3-icon-leo-colorful-SVGID_7_)"
       points="115.4,110 153.2,94.8 115.4,84.3 "
-      style="fill: url(#ant-web3-icon-leo-colorful-SVGID_7_);"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 1 -15.82 -616.04)"
@@ -19331,32 +19363,32 @@ exports[`Test Icons > should render all icons 321`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(246, 233, 61);"
+        stop-color="#F6E93D"
       />
       <stop
         offset="0.13"
-        style="stop-color: rgb(248, 227, 48);"
+        stop-color="#F8E330"
       />
       <stop
         offset="0.35"
-        style="stop-color: rgb(247, 199, 48);"
+        stop-color="#F7C730"
       />
       <stop
         offset="0.64"
-        style="stop-color: rgb(245, 156, 46);"
+        stop-color="#F59C2E"
       />
       <stop
         offset="0.98"
-        style="stop-color: rgb(235, 94, 44);"
+        stop-color="#EB5E2C"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(235, 92, 44);"
+        stop-color="#EB5C2C"
       />
     </lineargradient>
     <polyline
+      fill=" url(#ant-web3-icon-leo-colorful-SVGID_8_)"
       points="80.8,110 80.8,84.7 46.2,95 80.8,109.9 "
-      style="fill: url(#ant-web3-icon-leo-colorful-SVGID_8_);"
     />
   </svg>
 </span>
@@ -19370,6 +19402,7 @@ exports[`Test Icons > should render all icons 322`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 2500 2500"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -19391,7 +19424,7 @@ exports[`Test Icons > should render all icons 322`] = `
       >
         <path
           d="M1250,0L1250,0c690,0,1250,560,1250,1250l0,0c0,690-560,1250-1250,1250l0,0C560,2500,0,1940,0,1250l0,0 C0,560,560,0,1250,0z"
-          style="fill: none;"
+          fill=" none"
         />
         <g>
           <g>
@@ -19405,12 +19438,12 @@ exports[`Test Icons > should render all icons 322`] = `
               id="ant-web3-icon-ldo-circle-colorful-SVGID_00000160188587584686621390000014387546349215543718_"
             >
               <use
-                style="overflow: visible;"
+                overflow="visible"
                 xlink:href="#ant-web3-icon-ldo-circle-colorful-SVGID_1_"
               />
             </clippath>
             <g
-              style="clip-path: url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000160188587584686621390000014387546349215543718_);"
+              clip-path="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000160188587584686621390000014387546349215543718_)"
             >
               <path
                 d="M0,0l2500,2500 M2500,0L0,2500"
@@ -19431,16 +19464,16 @@ exports[`Test Icons > should render all icons 322`] = `
         >
           <stop
             offset="0"
-            style="stop-color: rgb(248, 151, 145);"
+            stop-color="#F89791"
           />
           <stop
             offset="1"
-            style="stop-color: rgb(247, 200, 130);"
+            stop-color="#F7C882"
           />
         </lineargradient>
         <path
           d="M1250,0L1250,0c690,0,1250,560,1250,1250 l0,0c0,690-560,1250-1250,1250l0,0C560,2500,0,1940,0,1250l0,0C0,560,560,0,1250,0z"
-          style="fill: url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000165228026751743658530000016517460302465612473_);"
+          fill="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000165228026751743658530000016517460302465612473_)"
         />
         <g>
           <g>
@@ -19454,12 +19487,12 @@ exports[`Test Icons > should render all icons 322`] = `
               id="ant-web3-icon-ldo-circle-colorful-SVGID_00000129916768327263564950000008320770272134965387_"
             >
               <use
-                style="overflow: visible;"
+                overflow="visible"
                 xlink:href="#ant-web3-icon-ldo-circle-colorful-SVGID_00000163036181998440552620000014268914133738242734_"
               />
             </clippath>
             <g
-              style="clip-path: url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000129916768327263564950000008320770272134965387_);"
+              clip-path="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000129916768327263564950000008320770272134965387_)"
             >
               <g>
                 <radialgradient
@@ -19472,11 +19505,11 @@ exports[`Test Icons > should render all icons 322`] = `
                 >
                   <stop
                     offset="0"
-                    style="stop-color: rgb(197, 198, 171);"
+                    stop-color="#C5C6AB"
                   />
                   <stop
                     offset="1"
-                    style="stop-color: rgb(121, 133, 171);"
+                    stop-color="#7985AB"
                   />
                 </radialgradient>
                 <circle
@@ -19491,7 +19524,7 @@ exports[`Test Icons > should render all icons 322`] = `
         </g>
         <path
           d="M1249,1472l-557-318l-15,23c-171,263-133,607,92,828c265,260,695,260,960,0c225-221,263-565,92-828l-15-23 L1249,1472z"
-          style="fill: none;"
+          fill=" none"
         />
         <radialgradient
           cx="1249"
@@ -19511,8 +19544,8 @@ exports[`Test Icons > should render all icons 322`] = `
           />
         </radialgradient>
         <polygon
+          fill="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000126316947920773211430000009595244327353372847_)"
           points="1249,762 769,1036 1249,1310  1729,1036  "
-          style="fill: url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000126316947920773211430000009595244327353372847_);"
         />
         <radialgradient
           cx="1248.5"
@@ -19528,12 +19561,12 @@ exports[`Test Icons > should render all icons 322`] = `
           />
           <stop
             offset="1"
-            style="stop-color: rgb(200, 214, 220);"
+            stop-color="#C8D6DC"
           />
         </radialgradient>
         <polygon
+          fill="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000040537778241883717370000000066377911240089534_)"
           points="1250,833 692,1154 1249,1472  1805,1154  "
-          style="fill: url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000040537778241883717370000000066377911240089534_);"
         />
         <lineargradient
           gradientTransform="matrix(1 0 0 1 0 1656)"
@@ -19546,7 +19579,7 @@ exports[`Test Icons > should render all icons 322`] = `
         >
           <stop
             offset="0"
-            style="stop-color: rgb(119, 212, 255);"
+            stop-color="#77D4FF"
           />
           <stop
             offset="1"
@@ -19554,8 +19587,8 @@ exports[`Test Icons > should render all icons 322`] = `
           />
         </lineargradient>
         <polygon
+          fill="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000103958340582352094870000003712943117012806833_)"
           points="1249,300 769,1036 1249,1310  "
-          style="fill: url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000103958340582352094870000003712943117012806833_);"
         />
         <lineargradient
           gradientTransform="matrix(1 0 0 1 0 1656)"
@@ -19568,7 +19601,7 @@ exports[`Test Icons > should render all icons 322`] = `
         >
           <stop
             offset="0"
-            style="stop-color: rgb(80, 106, 172);"
+            stop-color="#506AAC"
           />
           <stop
             offset="1"
@@ -19576,8 +19609,8 @@ exports[`Test Icons > should render all icons 322`] = `
           />
         </lineargradient>
         <polygon
+          fill="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000027599097175920634010000007977452326395958914_)"
           points="1249,1310 1729,1036 1249,300  "
-          style="fill: url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000027599097175920634010000007977452326395958914_);"
         />
       </g>
     </g>
@@ -19713,8 +19746,8 @@ exports[`Test Icons > should render all icons 324`] = `
       >
         <path
           d="M2447.7,561.74V685.88l-1222.09,751-921-451.68,1.76-69.55,915.69,450.79,1164-714.93V600.48l-1098.82-530L61.63,828.52v339l1160.46,574.06L2433.61,998.45l34.34,52.83L1225.61,1812,0,1206.24V794.18L1283.72,0Z"
+          fill="url(#ant-web3-icon-lbc-colorful-linear-gradient)"
           id="ant-web3-icon-lbc-colorful-polygon3343"
-          style="fill: url(#ant-web3-icon-lbc-colorful-linear-gradient);"
         />
       </g>
       <g
@@ -19722,8 +19755,8 @@ exports[`Test Icons > should render all icons 324`] = `
       >
         <path
           d="M2431.85,1134l17.61-110.94L2342,1004.61l7-43.14L2499.64,987,2475,1141.08Z"
+          fill="url(#ant-web3-icon-lbc-colorful-linear-gradient-2)"
           id="ant-web3-icon-lbc-colorful-polygon3347"
-          style="fill: url(#ant-web3-icon-lbc-colorful-linear-gradient-2);"
         />
       </g>
     </g>
@@ -20248,11 +20281,11 @@ exports[`Test Icons > should render all icons 330`] = `
     </title>
     <path
       d="M0,73.93a74,74,0,0,0,148,.25v-.56a72.67,72.67,0,0,0-2-16.9,7.95,7.95,0,0,0-15.47,3.63h0a58.22,58.22,0,1,1-43.06-42.9A7.94,7.94,0,0,0,97,11.55a7.83,7.83,0,0,0-5.85-9.49A73.91,73.91,0,0,0,2,56.72,75.71,75.71,0,0,0,0,73.93Z"
-      style="fill: url(#ant-web3-icon-kmd-circle-colorful-linear-gradient);"
+      fill="url(#ant-web3-icon-kmd-circle-colorful-linear-gradient)"
     />
     <path
       d="M111.58,19.47c-.13.13-.19.26-.26.32a11.86,11.86,0,0,0-3.18,7.07v1.27c0,.32-.06.57-.06.89A21.33,21.33,0,0,1,84.7,48.18a20.63,20.63,0,0,1-2.8-.44,12,12,0,0,1-1.6-.45,25.36,25.36,0,0,0-6.94-.76A27.89,27.89,0,0,0,55,53.91c-.25.25-.57.45-.83.76A27.74,27.74,0,1,0,93.36,93.88a28.21,28.21,0,0,0,3.12-3.75,27.8,27.8,0,0,0,4.21-22.34,14.3,14.3,0,0,1-.39-1.53c0-.07-.06-.13-.06-.26a21.35,21.35,0,0,1,16.05-25.65,16,16,0,0,1,3-.44l.44-.07a10,10,0,0,1,1.34-.06h.13a12,12,0,0,0,7.32-3.44c.45-.51.9-1,1.28-1.53a11.85,11.85,0,0,0-2.87-16.61A12,12,0,0,0,111.58,19.47Z"
-      style="fill: url(#ant-web3-icon-kmd-circle-colorful-linear-gradient-2);"
+      fill="url(#ant-web3-icon-kmd-circle-colorful-linear-gradient-2)"
     />
   </svg>
 </span>
@@ -20832,23 +20865,23 @@ exports[`Test Icons > should render all icons 340`] = `
       >
         <path
           d="M22.48.11s4.5,1.8,8.4,10.7a22.27,22.27,0,0,1,.9,4.8s.2,5.9-4.1,7.7a2.38,2.38,0,0,0-1.7,2.6c.2,2.1.6,5.4.6,6.1a2.35,2.35,0,0,1-2.3,2.1,15.91,15.91,0,0,1-4.5,0c-1.5-.4-1.7-1.2-1.7-1.2s-.7-1-.2-5.4c0,0,1-3.1-1.9-4.3s-3.9-6.5-3.9-6.5-.9-5.2,4.7-12.5c0,0,3.5-4.4,5.6-4.2"
-          style="fill: url(#ant-web3-icon-karma-colorful-linear-gradient);"
+          fill="url(#ant-web3-icon-karma-colorful-linear-gradient)"
         />
         <path
           d="M17.28,3l-.3.3Z"
-          style="fill: url(#ant-web3-icon-karma-colorful-linear-gradient-2);"
+          fill="url(#ant-web3-icon-karma-colorful-linear-gradient-2)"
         />
         <path
           d="M14.88,6.11a14.62,14.62,0,0,0-5.1-2.3,27.38,27.38,0,0,0-5.6-.6H2.88a2.9,2.9,0,0,0-2.3,1,2.47,2.47,0,0,0-.5,2.2,21.18,21.18,0,0,0,5.2,11.1,25,25,0,0,0,4.7,3.9,19.81,19.81,0,0,0,5.7,2.2c-3-1.3-4-6.7-4-6.7-2.9-1.8-4.8-4.5-6.2-8.5h.1a13,13,0,0,1,7.1,2.3A16.07,16.07,0,0,1,14.88,6.11Z"
-          style="fill: url(#ant-web3-icon-karma-colorful-linear-gradient-3);"
+          fill="url(#ant-web3-icon-karma-colorful-linear-gradient-3)"
         />
         <path
           d="M31.18,10.71a12.77,12.77,0,0,1,7.1-2.3h.1c-1.4,4-3.4,6.7-6.3,8.5v-.6c-.1,1.6-.7,5.9-4.2,7.4a20.74,20.74,0,0,0,6-2.3,16.07,16.07,0,0,0,4.7-3.9,22.82,22.82,0,0,0,5.2-11.1,2.47,2.47,0,0,0-.5-2.2,3.26,3.26,0,0,0-2.3-1h-1.3a26,26,0,0,0-5.6.6,13.76,13.76,0,0,0-5.2,2.4A25.33,25.33,0,0,1,31.18,10.71Z"
-          style="fill: url(#ant-web3-icon-karma-colorful-linear-gradient-4);"
+          fill="url(#ant-web3-icon-karma-colorful-linear-gradient-4)"
         />
         <path
           d="M26.28,25Z"
-          style="fill: url(#ant-web3-icon-karma-colorful-linear-gradient-5);"
+          fill="url(#ant-web3-icon-karma-colorful-linear-gradient-5)"
         />
       </g>
     </g>
@@ -20919,6 +20952,7 @@ exports[`Test Icons > should render all icons 342`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 1000 1000"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -20942,20 +20976,20 @@ exports[`Test Icons > should render all icons 342`] = `
       >
         <stop
           offset="0"
-          style="stop-color: rgb(0, 157, 222);"
+          stop-color="#009DDE"
         />
         <stop
           offset="0.5"
-          style="stop-color: rgb(105, 77, 159);"
+          stop-color="#694D9F"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(237, 53, 84);"
+          stop-color="#ED3554"
         />
       </lineargradient>
       <path
         d="M303.5,724.7L74.1,750.5l134.7-310.8l-137.9-188l335.3-38.2L497.3,4l199.6,271.3l229.4-25.8L792.2,558.8 l136.9,186.7l-333.6,38L503,996L303.5,724.7z M398.8,704.1c-8.8,4.3-18.2,7.9-27.9,10.6l-8.8,2.4l129.3,175.8l45.9-105.6l-8.3-1.1 c-45.2-5.7-86.3-30.1-112.8-66.7l-12.9-17.8L398.8,704.1z M353.8,544.7L458.1,689c21.2,29.3,55.5,46.8,91.7,46.8 c4.2,0,8.4-0.2,12.5-0.7l272.2-31L726.1,556.2c-5.4-7.3-11.6-13.9-18.5-19.7l-6.4-5.3l-77.6,175.3l-135-178.7L353.8,544.7z  M358.3,369c-40.4,4.3-75.6,30.2-91.8,67.6L157.2,688.9l181.6-20.4c9-1,17.8-3.1,26.3-6.2l7.8-2.9L260.5,504.2l221.6-28.1 l52.7-125.9L358.3,369z M529.8,496.3L611.9,605L662,491.9l22-49.8c16.5-37.3,11.8-80.8-12.4-113.6L508.9,107.1l-73.2,168.2 c-3.6,8.3-6.2,17-7.8,26l-1.4,8.2l189.9-20.1L529.8,496.3z M729.3,323.9l3.2,7.7c17.6,42.1,17.2,90.1-1.2,131.6l-8.9,20l4.3,2.9 c8.2,5.5,15.9,11.9,23,19l6.5,6.4L843.1,311L729.3,323.9z M165.5,293.1l69.2,94.4l5.1-6.6c27.5-35.7,68.8-58.9,113.1-63.6l21.7-2.3 l0.4-5.3c0.7-10.9,2.6-21.8,5.5-32.4l2.5-9L165.5,293.1z"
-        style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_1_);"
+        fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_1_)"
       />
       <lineargradient
         gradientUnits="userSpaceOnUse"
@@ -20967,20 +21001,20 @@ exports[`Test Icons > should render all icons 342`] = `
       >
         <stop
           offset="0"
-          style="stop-color: rgb(0, 157, 222);"
+          stop-color="#009DDE"
         />
         <stop
           offset="0.5"
-          style="stop-color: rgb(105, 77, 159);"
+          stop-color="#694D9F"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(237, 53, 84);"
+          stop-color="#ED3554"
         />
       </lineargradient>
       <path
         d="M451.6,1000c-144-13.9-273.4-88.8-358.1-207.5l58-6.5c9.6,11.8,19.8,23.1,30.3,33.7 c62.9,63.2,141.6,105.8,227.9,123.4L451.6,1000z"
-        style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_2_);"
+        fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_2_)"
       />
       <lineargradient
         gradientUnits="userSpaceOnUse"
@@ -20992,20 +21026,20 @@ exports[`Test Icons > should render all icons 342`] = `
       >
         <stop
           offset="0"
-          style="stop-color: rgb(0, 157, 222);"
+          stop-color="#009DDE"
         />
         <stop
           offset="0.5"
-          style="stop-color: rgb(105, 77, 159);"
+          stop-color="#694D9F"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(237, 53, 84);"
+          stop-color="#ED3554"
         />
       </lineargradient>
       <path
         d="M572.4,946.3c93.4-15.1,178.3-58.8,245.8-126.6c6-6.1,12.1-12.6,18.2-19.4l70.3-8 C822.3,910.9,693.1,985.9,549.1,1000L572.4,946.3z"
-        style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_3_);"
+        fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_3_)"
       />
       <lineargradient
         gradientUnits="userSpaceOnUse"
@@ -21017,20 +21051,20 @@ exports[`Test Icons > should render all icons 342`] = `
       >
         <stop
           offset="0"
-          style="stop-color: rgb(0, 157, 222);"
+          stop-color="#009DDE"
         />
         <stop
           offset="0.5"
-          style="stop-color: rgb(105, 77, 159);"
+          stop-color="#694D9F"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(237, 53, 84);"
+          stop-color="#ED3554"
         />
       </lineargradient>
       <path
         d="M921,660.3c19.2-51.1,29-105,29-160.3c0-48.8-7.7-96.8-22.8-142.6l28.2-65C985,357.7,1000,427.5,1000,500 c0,72.4-15,142.1-44.5,207.4L921,660.3z"
-        style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_4_);"
+        fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_4_)"
       />
       <lineargradient
         gradientUnits="userSpaceOnUse"
@@ -21042,20 +21076,20 @@ exports[`Test Icons > should render all icons 342`] = `
       >
         <stop
           offset="0"
-          style="stop-color: rgb(0, 157, 222);"
+          stop-color="#009DDE"
         />
         <stop
           offset="0.5"
-          style="stop-color: rgb(105, 77, 159);"
+          stop-color="#694D9F"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(237, 53, 84);"
+          stop-color="#ED3554"
         />
       </lineargradient>
       <path
         d="M44.8,708.1C15.1,642.6,0,572.7,0,500c0-73.1,15.2-143.4,45.3-209.1l34.4,47C60,389.5,50,444,50,500 c0,49,7.7,97.1,22.9,143.1L44.8,708.1z"
-        style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_5_);"
+        fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_5_)"
       />
       <lineargradient
         gradientUnits="userSpaceOnUse"
@@ -21067,20 +21101,20 @@ exports[`Test Icons > should render all icons 342`] = `
       >
         <stop
           offset="0"
-          style="stop-color: rgb(0, 157, 222);"
+          stop-color="#009DDE"
         />
         <stop
           offset="0.5"
-          style="stop-color: rgb(105, 77, 159);"
+          stop-color="#694D9F"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(237, 53, 84);"
+          stop-color="#ED3554"
         />
       </lineargradient>
       <path
         d="M95.6,204.6C180.2,87.8,308.6,13.8,451.3,0L428,53.6c-93.5,15-178.6,58.8-246.2,126.7 c-5.1,5.1-10.2,10.6-15.3,16.2L95.6,204.6z"
-        style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_6_);"
+        fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_6_)"
       />
       <lineargradient
         gradientUnits="userSpaceOnUse"
@@ -21092,20 +21126,20 @@ exports[`Test Icons > should render all icons 342`] = `
       >
         <stop
           offset="0"
-          style="stop-color: rgb(0, 157, 222);"
+          stop-color="#009DDE"
         />
         <stop
           offset="0.5"
-          style="stop-color: rgb(105, 77, 159);"
+          stop-color="#694D9F"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(237, 53, 84);"
+          stop-color="#ED3554"
         />
       </lineargradient>
       <path
         d="M848.6,214c-9.6-11.8-19.8-23.1-30.4-33.7C755.4,117.2,676.8,74.6,590.7,57L548.8,0 c143.9,14,273.1,88.9,357.7,207.5L848.6,214z"
-        style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_7_);"
+        fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_7_)"
       />
     </g>
   </svg>
@@ -21190,15 +21224,15 @@ exports[`Test Icons > should render all icons 343`] = `
     </title>
     <path
       d="M.1,30.55a8.59,8.59,0,0,1,10.3-1.5l35.2,20-35.3,20A8.61,8.61,0,0,1,0,67.55C.1,67.55.1,28.15.1,30.55Z"
-      style="fill: url(#ant-web3-icon-iqn-colorful-linear-gradient);"
+      fill="url(#ant-web3-icon-iqn-colorful-linear-gradient)"
     />
     <path
       d="M83.9,20.35a8.12,8.12,0,0,1-3.9,9.2L45.6,49.05l-35.3-20A8.61,8.61,0,0,0,0,30.55a12.12,12.12,0,0,1,6.3-10.5L38.7,1.65a12.66,12.66,0,0,1,12.5,0Z"
-      style="fill: url(#ant-web3-icon-iqn-colorful-linear-gradient-2);"
+      fill="url(#ant-web3-icon-iqn-colorful-linear-gradient-2)"
     />
     <path
       d="M10.3,69.05,80,29.55c3.3-1.9,4.1-5.7,3.2-9.2,3.7,2.2,5.2,6.2,5.2,10.4v36.7c0,4.4-1.7,8.4-5.5,10.6l-32,18.3a12.29,12.29,0,0,1-12.3,0L6.2,78.05A12.45,12.45,0,0,1,0,67.55,8.61,8.61,0,0,0,10.3,69.05Z"
-      style="fill: url(#ant-web3-icon-iqn-colorful-linear-gradient-3);"
+      fill="url(#ant-web3-icon-iqn-colorful-linear-gradient-3)"
     />
   </svg>
 </span>
@@ -21472,6 +21506,7 @@ exports[`Test Icons > should render all icons 349`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 400 400"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -21495,16 +21530,16 @@ exports[`Test Icons > should render all icons 349`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(0, 130, 250);"
+        stop-color="#0082FA"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(0, 242, 254);"
+        stop-color="#00F2FE"
       />
     </lineargradient>
     <path
       d="M48.5,69.1C51,66,53.6,63,56.2,60c0.1-0.1,0.4-0.2,0.5-0.3c0.2-0.3,0.6-0.5,0.9-0.8l0.2-0.3 c1.8-1.7,3.8-3.5,6-5.2c8-6,16.2-10.6,24.9-13.7c28-9.8,59.1-3.8,83.5,19.3c34.1,31.9,31,83.4,3.8,117.6 c-34.4,51-93.4,122.1-11.7,185.8c14.7,11.5,25.6,20.9,71.9,34.3c-30.3,5.6-58.4,3.8-89.6-4.1c-22.1-12.5-56.9-39.2-68.7-75.3 c-17.9-54.7,31.5-136.6,55.3-168.1c32.7-43.6-20.2-90.8-59.3-38.1C53.7,138.6,18,216.3,30.4,274c7.2,32.7,16.9,56.5,55.2,89.3 c-7.1-4.2-14-8.9-20.7-14.3C-24,266.1-13.7,137.9,48.5,69.1z"
-      style="fill: url(#ant-web3-icon-inj-colorful-SVGID_1_);"
+      fill=" url(#ant-web3-icon-inj-colorful-SVGID_1_)"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 -1 0 399.89)"
@@ -21517,16 +21552,16 @@ exports[`Test Icons > should render all icons 349`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(0, 130, 250);"
+        stop-color="#0082FA"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(0, 242, 254);"
+        stop-color="#00F2FE"
       />
     </lineargradient>
     <path
       d="M351.5,330.9c-2.5,3.1-5.1,6.1-7.7,9.1 c-0.1,0.1-0.4,0.2-0.5,0.3c-0.2,0.3-0.6,0.5-0.9,0.8l-0.2,0.3c-1.8,1.7-3.8,3.5-6,5.1c-8,6-16.2,10.6-24.9,13.7 c-28,9.8-59.1,3.8-83.5-19.3c-34.1-31.9-31-83.4-3.8-117.6c34.4-51,93.4-122.1,11.7-185.8c-14.7-11.5-25.6-20.9-71.9-34.3 c30.3-5.6,58.4-3.8,89.6,4.1c22.1,12.5,56.9,39.2,68.7,75.3c17.9,54.7-31.5,136.6-55.3,168.1c-32.7,43.6,20.2,90.8,59.3,38.1 c20.4-27.5,56.1-105.2,43.7-162.9c-7.2-32.7-16.9-56.5-55.2-89.3c7.1,4.2,14,8.9,20.7,14.3C424,133.9,413.7,262.1,351.5,330.9z"
-      style="fill: url(#ant-web3-icon-inj-colorful-SVGID_00000027590406948247584680000011222828394992047503_);"
+      fill="url(#ant-web3-icon-inj-colorful-SVGID_00000027590406948247584680000011222828394992047503_)"
     />
   </svg>
 </span>
@@ -22469,7 +22504,7 @@ exports[`Test Icons > should render all icons 370`] = `
       >
         <path
           d="M79.56,290.47l-22.92-39.7a5.28,5.28,0,0,1,0-4.65l25.45-44.07a5.24,5.24,0,0,1,4.06-2.35h50.89a5.26,5.26,0,0,1,4.07,2.35l25.45,44.07a5.32,5.32,0,0,1,0,4.7l-25.45,44.07a5.33,5.33,0,0,1-4,2.34H91.36A15.43,15.43,0,0,1,79.56,290.47Zm165.27-90.69L194.13,112a7.21,7.21,0,0,0-5.56-3.21H87.17A7.21,7.21,0,0,0,81.61,112l-50.7,87.82a7.18,7.18,0,0,0,0,6.42L45.77,232l26-45a8.22,8.22,0,0,1,6.43-3.72H145a8.22,8.22,0,0,1,6.43,3.72l33.41,57.86a8.24,8.24,0,0,1,0,7.43l-26,45h29.7a7.19,7.19,0,0,0,5.56-3.22l50.7-87.81A7.18,7.18,0,0,0,244.83,199.78Zm92-58.09L259.06,6.93a15.37,15.37,0,0,0-12-6.93H91.45a15.37,15.37,0,0,0-12,6.93L1.65,141.69a15.36,15.36,0,0,0,0,13.85l17.83,30.88,51.7-89.56a10.14,10.14,0,0,1,7.94-4.58H196.53a10.14,10.14,0,0,1,7.94,4.58l58.71,101.69a10.13,10.13,0,0,1,0,9.16l-51.69,89.52h35.57a15.37,15.37,0,0,0,12-6.93l77.8-134.76A15.36,15.36,0,0,0,336.86,141.69Z"
-          style="fill: url(#ant-web3-icon-hex-colorful-linear-gradient);"
+          fill="url(#ant-web3-icon-hex-colorful-linear-gradient)"
         />
       </g>
     </g>
@@ -29026,8 +29061,8 @@ exports[`Test Icons > should render all icons 372`] = `
       hedgetrade-hedg-logo
     </title>
     <polygon
+      fill="url(#ant-web3-icon-hedg-colorful-linear-gradient)"
       points="52.8 15.54 48.52 39.82 24.49 39.82 28.77 15.54 13.23 15.54 2.74 75.05 0 90.59 18.28 75.05 18.28 75.05 22.3 52.22 46.33 52.22 42.3 75.05 57.84 75.05 68.34 15.54 71.08 0 52.8 15.54"
-      style="fill: url(#ant-web3-icon-hedg-colorful-linear-gradient);"
     />
   </svg>
 </span>
@@ -29231,12 +29266,12 @@ exports[`Test Icons > should render all icons 377`] = `
     <circle
       cx="223.2"
       cy="223.2"
+      fill="#b3b3b3"
       r="223.2"
-      style="fill: #b3b3b3;"
     />
     <path
       d="M140.7,140.8c18.28-19.12,51.67-19.88,70.57-1.3q29.6,28.93,58.57,58.41c20.57-19.54,39.8-40.38,60.45-59.84,19.65-17.74,53-15.6,70.49,4.28,17.89,18.74,17.6,51.45-1,69.65-19.11,19.46-38.46,38.62-57.73,57.91,19.69,20.3,40.22,39.79,59.74,60.34,17.52,19.21,15.84,51.91-3.13,69.57-18.69,18.86-52.17,18.91-70.82,0-19.4-19-38.38-38.54-57.65-57.66-20.57,19.79-40.18,40.55-61,60.13-19.9,17.66-53.47,15-70.61-5.24-17.26-18.7-16.85-50.57,1.17-68.69C156.67,311,173.89,293.93,191.16,277c7.23,7.21,14.47,14.47,21.7,21.68-16.93,17.49-34.74,34.22-51.42,52-11.25,11.53-1.34,33,14.46,32.75,9.57,0.84,16.18-7.09,22.41-13.08,16.51-16.82,33.28-33.34,49.79-50.15-36-36.31-72.58-72.13-108.4-108.61-18.69-18.83-18.1-52.42,1-70.7m20.9,48.82c19.06,19.88,38.84,39,58.23,58.59q14-14.22,28.26-28.26c-18.77-18.91-37.46-38-56.48-56.61-6.06-6.54-16.43-9-24.34-4.28-11,5.33-14.46,21.68-5.69,30.57m186.34-25.79c-35.79,35.14-70.86,71-106.48,106.34,9.62,9.31,19.19,18.66,28.55,28.22,7.19-7.09,14.34-14.26,21.49-21.43,7.23,7.21,14.42,14.47,21.7,21.64-7.06,7.21-14.17,14.34-21.36,21.47,19.31,19.42,38.25,39.21,58.2,58,10.12,10.66,29.77,4.19,32.69-9.85,3.13-9.94-4-18.53-10.74-24.78q-47.6-47.37-95-94.94,10.85-10.82,21.61-21.72c7.19,7.17,14.38,14.34,21.74,21.39,18.94-19.62,39-38.16,57.65-58.08,9.41-9.14,5.64-26.63-6.35-31.58-8.07-4.15-17.9-1.22-23.71,5.32h0Z"
-      style="fill: url(#ant-web3-icon-gxc-circle-colorful-linear-gradient);"
+      fill="url(#ant-web3-icon-gxc-circle-colorful-linear-gradient)"
       transform="translate(-46.58 -43.27)"
     />
   </svg>
@@ -31116,6 +31151,7 @@ exports[`Test Icons > should render all icons 418`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 2500 2500"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -31143,28 +31179,30 @@ exports[`Test Icons > should render all icons 418`] = `
       >
         <stop
           offset="0"
-          style="stop-color: rgb(21, 188, 255);"
+          stop-color="#15BCFF"
         />
         <stop
           offset="0.3608"
-          style="stop-color: rgb(33, 155, 246);"
+          stop-color="#219BF6"
         />
         <stop
           offset="0.502"
-          style="stop-color: rgb(45, 121, 237);"
+          stop-color="#2D79ED"
         />
         <stop
           offset="0.7216"
-          style="stop-color: rgb(114, 93, 237);"
+          stop-color="#725DED"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(183, 65, 238);"
+          stop-color="#B741EE"
         />
       </lineargradient>
       <path
+        clip-rule="evenodd"
         d="M1251.9,2500C560.5,2500,0,1939.5,0,1248.1S560.5-3.7,1251.9-3.7c93.4,0,183.1,11.2,269.1,29.9   c-183.1,63.5-343.8,160.7-478.3,287.7S799.7,594.2,736.2,769.8H467.1l-130.8,299h325.1c-3.7,41.1-7.5,82.2-7.5,123.3   c0,67.3,7.5,134.5,18.7,198.1H429.7l-112.1,299h448.4c67.3,142,160.7,269.1,276.5,377.4c183.1,171.9,418.5,295.2,683.9,340.1   C1580.7,2466.4,1420,2500,1251.9,2500z M1898.4,175.6C2264.6,384.9,2500,833.3,2500,1251.9c0,366.2-164.4,710-437.2,952.9   c-310.2,63.5-594.2-85.9-818.4-310.2c-44.8-44.8-82.2-119.6-119.6-179.4c-3.7-7.5-11.2-14.9-14.9-22.4h3.7h725l108.4-287.7H979.1   c-11.2-48.6-18.7-100.9-22.4-153.2c0-18.7-3.7-37.4-3.7-56.1v-3.7v-3.7c0-44.8,3.7-89.7,7.5-130.8h1121.1l115.8-284h-1136   c48.6-93.4,108.4-213,183.1-287.7c179.4-179.4,399.9-321.4,650.2-310.2H1898.4z"
-        style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-eurs-circle-colorful-SVGID_1_);"
+        fill="url(#ant-web3-icon-eurs-circle-colorful-SVGID_1_)"
+        fill-rule="evenodd"
       />
     </g>
   </svg>
@@ -33377,6 +33415,7 @@ exports[`Test Icons > should render all icons 444`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 2500 2500"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -33407,21 +33446,21 @@ exports[`Test Icons > should render all icons 444`] = `
         >
           <stop
             offset="0"
-            style="stop-color: rgb(44, 44, 61);"
+            stop-color="#2C2C3D"
           />
           <stop
             offset="1"
-            style="stop-color: rgb(26, 26, 39);"
+            stop-color="#1A1A27"
           />
         </lineargradient>
         <path
           d="M511.2,0h1477.6C2272.4,0,2500,227.6,2500,511.2v1477.6c0,283.6-227.6,511.2-511.2,511.2H511.2    C227.6,2500,0,2272.4,0,1988.8V511.2C0,227.6,227.6,0,511.2,0z"
-          style="fill: url(#ant-web3-icon-dydx-colorful-SVGID_1_);"
+          fill=" url(#ant-web3-icon-dydx-colorful-SVGID_1_)"
         />
         <g>
           <polygon
+            fill=" #FFFFFF"
             points="1573.2,567.3 600.3,1932.7 897.1,1932.7 1873.4,567.3    "
-            style="fill: #FFFFFF;"
           />
           <lineargradient
             gradientTransform="matrix(3.2895 0 0 -3.2895 0 8223.6846)"
@@ -33434,7 +33473,7 @@ exports[`Test Icons > should render all icons 444`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
             <stop
               offset="1"
@@ -33442,8 +33481,8 @@ exports[`Test Icons > should render all icons 444`] = `
             />
           </lineargradient>
           <polygon
+            fill="url(#ant-web3-icon-dydx-colorful-SVGID_00000018941007157823207550000000798736158471192495_)"
             points="930.1,567.3 1217,969.7      1065.3,1187.3 626.6,567.3    "
-            style="fill: url(#ant-web3-icon-dydx-colorful-SVGID_00000018941007157823207550000000798736158471192495_);"
           />
           <lineargradient
             gradientTransform="matrix(3.2895 0 0 -3.2895 0 8223.6846)"
@@ -33456,7 +33495,7 @@ exports[`Test Icons > should render all icons 444`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(105, 102, 255);"
+              stop-color="#6966FF"
             />
             <stop
               offset="1"
@@ -33464,8 +33503,8 @@ exports[`Test Icons > should render all icons 444`] = `
             />
           </lineargradient>
           <polygon
+            fill="url(#ant-web3-icon-dydx-colorful-SVGID_00000000909882551984761740000004032762994945808257_)"
             points="1599.6,1932.7 1283,1487.5      1431.4,1273.1 1899.7,1932.7    "
-            style="fill: url(#ant-web3-icon-dydx-colorful-SVGID_00000000909882551984761740000004032762994945808257_);"
           />
         </g>
         <path
@@ -33518,6 +33557,7 @@ exports[`Test Icons > should render all icons 446`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 1996.7 1995.7"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -33541,16 +33581,16 @@ exports[`Test Icons > should render all icons 446`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(235, 94, 87);"
+        stop-color="#EB5E57"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(234, 82, 144);"
+        stop-color="#EA5290"
       />
     </lineargradient>
     <path
       d="M1009.4,852.1h-4c-5,0-8-1-11.5,0h-3.5c-41.2,1.8-79.9,19.8-107.8,50.1v1c-14.4,14.9-25.3,32.8-31.9,52.4 c-6.3,16.9-9.6,34.8-10,52.9c0.4,71.9,49.2,134.4,118.8,152.2l7.5,1.5c10.5,2.5,21.2,3.6,31.9,3.5c10,0,20-1,29.9-3 c13.3-2.9,26.2-7.4,38.4-13.5l5-3c1.5,0,2.5-1,4-2l3.3-2l3-2.5h1.5l4-3.3c54.7-37.5,79.6-105.5,62.2-169.5 c-17.4-64-73.4-109.9-139.6-114.5L1009.4,852.1L1009.4,852.1z M1579.8,1344.8c-89.8,156.7-231.5,270-405.7,316.9 c-4.4,1.1-8.9,1.8-13.5,2c-26.2-0.1-48.3-19.4-51.8-45.3s12.6-50.5,37.8-57.5l3-0.9c26.1-8.9,40.9-36.4,34-63 c-5-22.5-26-37.9-49.8-37.9c-3.3-0.1-6.7,0.2-10,1l-3.5,1c-4.3,1-8.6,1.5-13,1.5c-23.8,0.5-44.9-15.4-50.9-38.4 c-3.4-13.4-1.6-27.6,5-39.8c7.4-12,19-20.9,32.5-25c66.6-17.5,126.7-53.9,173-104.9c44.9-49.3,75.9-109.6,89.9-174.7v-7 c4-27-14.1-52.4-40.9-57.4l-10-1c-22.5,0.3-42.3,15-48.9,36.5l-1.5,5v3l-1,1.5c0.2,2.3-0.1,4.5-1,6.6c0,1.1-0.4,2.1-1,3v1.4 c0,0.6-0.4,1.2-1,1.5v3l-1,1c-31.7,113-134.7,191.1-252.1,191.2c-23.1,0-46-2.9-68.4-8.5l-8.5-2h-5c-23.3-0.1-43.7,15.5-49.9,37.9 c-6.5,26.2,8,53,33.4,61.9c1.3,0.5,2.6,0.8,4,1c25.6,6.7,42.3,31.4,38.8,57.6c-3.4,26.3-25.9,45.8-52.3,45.7 c-4.5,0.3-9.1-0.2-13.5-1.5c-100.1-26.5-188.5-85.7-251.1-168.2c-60.9-80.6-94.6-178.5-96.2-279.5v-4.5c-1-28.2-24.4-50.4-52.6-49.8 c-28.2,0.5-50.8,23.6-50.7,51.8c1.3,257.1,175.4,483.1,424,549c13.3,4,24.6,12.9,31.4,25c7.1,12,8.9,26.4,5,39.8 c-5.8,22.8-26.4,38.8-49.9,38.9c-4.8,0.4-9.5-0.3-14-2c-173.7-45.8-321.7-159.4-410.8-315.3c-89.9-156.7-114.8-339.4-67.9-513.2 c5.6-22.9,26.1-39.1,49.8-38.9c4.7-0.3,9.5,0.2,14,1.5c27.8,7.5,44.5,35.9,37.4,63.9l-1,3.5c-5.2,26.8,11.2,53,37.6,60 c4.4,1.4,8.9,2.1,13.5,2c22.3,0.3,42.1-14,48.9-35.2l1-4c6.3-22.3,26.7-37.8,49.9-37.9c5-0.2,10.1,0.3,15,1.5 c27.8,8,44.1,36.9,36.5,64.9c-18.1,66.4-16.4,136.7,5,202.2c19.6,63.8,56.6,120.8,106.8,164.7v1l3,2l1,1c9,7.1,20.1,10.9,31.5,11 c15.2-0.1,29.7-6.6,39.8-18c16-18.9,16.4-46.5,1-65.9l-1.5-1.5l-1.5-1.5c-57.3-46.7-92.1-115.5-95.9-189.3s23.8-145.8,76-198.1l8-8 c12.9-20.7,10-47.4-7-64.9c-9.8-9.7-23.1-15.1-36.9-14.9c-12.3,0.1-24.1,4.5-33.5,12.5h-1.5c0,1-1.5,1.5-2,2 c-14.9,14.9-37.4,19.4-56.9,11.3c-19.5-8.1-32.2-27.2-32.2-48.3c-0.3-14,5.1-27.5,14.8-37.5c148.7-148,377.5-179.4,560.5-76.8l2,1.5 h1l1.5,1c7.2,4.5,15.5,6.8,24,6.6c18.6-0.2,35.7-10.3,44.9-26.5c6.7-11.9,8.4-26,4.6-39.1c-3.7-13.1-12.6-24.2-24.5-30.8 c-84.8-49.8-183.2-74.9-282.5-74.9c-153.8,0-297,58.9-404.3,166.7c-10.2,9.8-23.8,15.2-37.9,15c-13.8,0.2-27.1-5.2-36.9-15 c-9.8-10-15.2-23.5-15-37.4c-0.2-13.8,5.2-27.1,15-36.9c264.5-263.8,692.7-263.6,956.9,0.5c9.8,10,15.2,23.5,15,37.4 c0.3,13.8-5.1,27.2-15,36.9c-20.6,20-53.3,20-73.9,0l-3-2.5c-9.7-8.5-22.1-13.1-35-13c-13.5,0-26.4,5.4-35.9,15 c-19.9,19-19.9,49.9-1.5,70.9l1.5,2c20,20.6,20,53.3,0,73.9c-10,9.8-23.5,15.3-37.5,15.1c-13.8,0.2-27.2-5.2-36.9-15 c-98.1-98.2-243.7-131.7-374.8-86.2h-1.5l-2,1l-2,1c-25.3,10.5-38.1,38.8-29.2,64.6c7.7,20.3,27.2,33.8,48.9,33.9h8.5l1-1h1.5 c29.3-11.3,60.5-17.1,91.9-16.9c57.2,0.1,112.8,19,158.2,53.9c44.7,34.4,77.2,82.1,92.9,136.3l1,2v2.5l2,5 c7.3,19.9,26.2,33.2,47.4,33.4c4.6,0.4,9.2-0.3,13.5-2c26.3-7.1,42.6-33.2,37.6-60l-1-3c-7.4-28.1,9-56.9,36.9-64.9l13.5-1.5 c23.4,0,44.9,15,49.9,38.4c27.5,100.8,19.9,204.6-19.9,301.5c-38.6,93-106,171.3-192.4,223.2l-2.5,1.5h-0.8c0,1-1,1-1,1.5h-1 c-19.2,12.6-27.8,36.3-21.1,58.3s27.1,36.9,50.1,36.6c8.8,0.2,17.5-2.3,24.9-7c222.2-129.8,331-394.3,264.6-641.9 c-3.9-13.4-2.1-27.8,5-39.8c7.1-12.1,18.5-21,32-25c5,0,9-1.5,13.5-1.5c23.8,0.3,44.3,16.7,49.8,39.8 C1694.3,1004.8,1670,1189.7,1579.8,1344.8L1579.8,1344.8L1579.8,1344.8z M291.9,291.9c-389.2,389.5-389.2,1022,0,1411.8 c390.3,389.4,1022.3,389.4,1412.7,0c389.5-389.4,389.5-1021.8,0.3-1411.8C1314.4-97.3,682.4-97.3,291.9,291.9L291.9,291.9z"
-      style="fill: url(#ant-web3-icon-drt-circle-colorful-SVGID_1_);"
+      fill=" url(#ant-web3-icon-drt-circle-colorful-SVGID_1_)"
     />
   </svg>
 </span>
@@ -35627,11 +35667,11 @@ exports[`Test Icons > should render all icons 454`] = `
         />
         <path
           d="M1880.13,890.24,1414.36,83.76C1385.13,33.12,1330.56,0,1270.15,0H338.61c-31.18,0-60.41,9.74-87.7,25.32v1.95a168.38,168.38,0,0,1,54.57,56.49L539.34,489c21.44-9.74,46.77-15.58,70.16-15.58H995.36c60.41,0,115,31.17,144.21,83.76L1332.5,890.24c29.23,50.65,29.23,114.93,0,167.53l-192.93,333.11c-29.23,50.65-85.75,83.76-144.21,83.76H611.44a168.21,168.21,0,0,1-70.16-15.58L307.43,1864.24a168.38,168.38,0,0,1-54.57,56.49v2c25.33,15.58,56.52,25.32,87.7,25.32H1274c60.41,0,115-31.17,144.21-83.76L1884,1057.76c27.31-52.59,27.31-114.93-3.87-167.52"
-          style="fill: url(#ant-web3-icon-dmt-colorful-linear-gradient-3);"
+          fill=" url(#ant-web3-icon-dmt-colorful-linear-gradient-3)"
         />
         <path
           d="M771.25,890.24,539.34,489,305.48,83.76a168.38,168.38,0,0,0-54.57-56.49H249a148.49,148.49,0,0,0-56.52,58.44L19,387.65a138.94,138.94,0,0,0,0,140.26L229.47,892.18c15.59,25.32,21.44,54.54,21.44,83.76h0a178.34,178.34,0,0,1-21.44,83.76L19,1422a138.94,138.94,0,0,0,0,140.26l175.4,303.92c13.64,23.38,33.13,44.8,56.52,58.44h2c23.39-13.64,40.93-33.12,54.57-56.49L541.3,1463l231.9-401.29C802.43,1005.17,802.43,942.83,771.25,890.24Z"
-          style="fill: url(#ant-web3-icon-dmt-colorful-linear-gradient-4);"
+          fill=" url(#ant-web3-icon-dmt-colorful-linear-gradient-4)"
         />
       </g>
     </g>
@@ -35708,6 +35748,7 @@ exports[`Test Icons > should render all icons 457`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 39.7 39.7"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -35739,17 +35780,19 @@ exports[`Test Icons > should render all icons 457`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(75, 129, 235);"
+        stop-color="#4B81EB"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(103, 82, 244);"
+        stop-color="#6752F4"
       />
     </lineargradient>
     <path
+      clip-rule="evenodd"
       d="M19.8,0L19.8,0c11,0,19.8,8.9,19.8,19.8l0,0c0,11-8.9,19.8-19.8,19.8l0,0C8.9,39.7,0,30.8,0,19.8 l0,0C0,8.9,8.9,0,19.8,0z"
+      fill="url(#ant-web3-icon-divi-circle-colorful-rect10_1_)"
+      fill-rule="evenodd"
       id="ant-web3-icon-divi-circle-colorful-rect10"
-      style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-divi-circle-colorful-rect10_1_);"
     />
     <path
       d="M9,9.4h11.8c4.8,0,9.7,3.4,9.7,10.3S25.6,30,20.8,30h-8.7V18.9 h5.1V25h3.4c2.2,0,4.8-2.5,4.8-5.3c0-2.8-2.5-5.3-4.8-5.3h-5.6C12.5,14.4,10.5,12.7,9,9.4z"
@@ -35908,6 +35951,7 @@ exports[`Test Icons > should render all icons 462`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 31.5 36.8"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -35931,16 +35975,16 @@ exports[`Test Icons > should render all icons 462`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(0, 87, 255);"
+        stop-color="#0057FF"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(0, 163, 255);"
+        stop-color="#00A3FF"
       />
     </lineargradient>
     <path
       d="M0,0v9.2l24.2,13.5L0,36.8h20c6.4,0,11.5-4.5,11.5-10.1v-8.3L0,0z"
-      style="fill: url(#ant-web3-icon-deso-colorful-SVGID_1_);"
+      fill=" url(#ant-web3-icon-deso-colorful-SVGID_1_)"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 -1 0 37.8898)"
@@ -35953,16 +35997,16 @@ exports[`Test Icons > should render all icons 462`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(2, 131, 255);"
+        stop-color="#0283FF"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(1, 194, 255);"
+        stop-color="#01C2FF"
       />
     </lineargradient>
     <path
       d="M0,0l31.5,18.4v-8.3C31.5,4.5,26.3,0,20,0 H0z"
-      style="fill: url(#ant-web3-icon-deso-colorful-SVGID_00000171704973816211991440000012006003443304955031_);"
+      fill="url(#ant-web3-icon-deso-colorful-SVGID_00000171704973816211991440000012006003443304955031_)"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 -1 0 37.8898)"
@@ -35975,16 +36019,16 @@ exports[`Test Icons > should render all icons 462`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(1, 87, 255);"
+        stop-color="#0157FF"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(0, 255, 255);"
+        stop-color="#00FFFF"
       />
     </lineargradient>
     <path
       d="M16.6,18.4L0,27.6v9.2l24.2-14.2L16.6,18.4 z"
-      style="fill: url(#ant-web3-icon-deso-colorful-SVGID_00000155107726104664021100000000571350717845774505_);"
+      fill="url(#ant-web3-icon-deso-colorful-SVGID_00000155107726104664021100000000571350717845774505_)"
     />
   </svg>
 </span>
@@ -49415,6 +49459,7 @@ exports[`Test Icons > should render all icons 487`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 600 600"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -49429,7 +49474,7 @@ exports[`Test Icons > should render all icons 487`] = `
   >
     <path
       d="M0,0h600v600H0V0z"
-      style="fill: #FFFFFF;"
+      fill="#FFFFFF"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 -1 0 599.8898)"
@@ -49442,24 +49487,24 @@ exports[`Test Icons > should render all icons 487`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(59, 60, 68);"
+        stop-color="#3B3C44"
       />
       <stop
         offset="0.521"
-        style="stop-color: rgb(28, 29, 34);"
+        stop-color="#1C1D22"
       />
       <stop
         offset="0.766"
-        style="stop-color: rgb(14, 13, 13);"
+        stop-color="#0E0D0D"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(0, 0, 0);"
+        stop-color="#000000"
       />
     </lineargradient>
     <path
       d="M600,300c0,165.7-134.3,300-300,300S0,465.7,0,300S134.3,0,300,0S600,134.3,600,300z"
-      style="fill: url(#ant-web3-icon-cow-circle-colorful-SVGID_1_);"
+      fill=" url(#ant-web3-icon-cow-circle-colorful-SVGID_1_)"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 -1 0 599.8898)"
@@ -49472,20 +49517,20 @@ exports[`Test Icons > should render all icons 487`] = `
     >
       <stop
         offset="0.344"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
       <stop
         offset="0.495"
-        style="stop-color: rgb(141, 154, 202);"
+        stop-color="#8D9ACA"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 120, 74);"
+        stop-color="#FF784A"
       />
     </lineargradient>
     <path
       d="M499.6,254.4l-59.7-9.8l44-18.4l12.3-49 L481.4,151l-75.3-22l35.9,51.5h0l0.4,0.6l-21.3,5.3l-65.2-44.7l-56.2,6.7l-56.2-6.7l-65.2,44.7l-21.3-5.3l0.4-0.6h0l35.9-51.5 L118,151l-14.7,26.2l12.3,49l44,18.4l-59.7,9.8L83,299.8l49.7,24l41.7-14.7l5.9,43.8l28.9,67.4l14.3,37.2l73.2,51.4v0.1l2.8,2 l0.1-0.1l0.1,0l2.8-2v-0.1l73.2-51.4l14.3-37.2l29-67.4l5.9-43.8l41.7,14.7l49.7-24L499.6,254.4L499.6,254.4L499.6,254.4z  M473.1,161.5l6.8,12.1l-24.4,4.5l-19.1-27.3L473.1,161.5L473.1,161.5L473.1,161.5z M426.1,237v-39.1l24-6l19.1,27.1L426.1,237 L426.1,237z M463.3,189.2l17.9-3.3l-5.3,21.2L463.3,189.2L463.3,189.2z M465.9,310.5l-39.9-14v-41.6l64.4,10.5l10.5,28.2 L465.9,310.5L465.9,310.5L465.9,310.5z M352.7,154.5l61,41.8v35.3l-39.8,20.7l-64.6-92.6L352.7,154.5L352.7,154.5L352.7,154.5z  M366.9,446.1L310,430.3l46.4-38.1l18.1,34L366.9,446.1L366.9,446.1z M289.4,430.3l-56.9,15.8l-7.7-19.9l18.1-34L289.4,430.3 L289.4,430.3z M192.4,349.6l-6-44.2l46.2-12.1l16.8,57.4l-13.9,29.1l-16.7,31.3L192.4,349.6L192.4,349.6L192.4,349.6z M241,278.3 l-5.5-18.4l64.2-92.6l64.2,92.6l-5.5,18.4H241L241,278.3z M334.7,357.5l-20.1,53.1l-14.9,12.3l-14.9-12.3l-20.1-53.1L334.7,357.5 L334.7,357.5L334.7,357.5z M260.7,345.1l-15.9-54.5h109.8l-15.9,54.5H260.7L260.7,345.1z M290.1,159.6l-64.6,92.6l-39.8-20.7v-35.3 l61-41.8L290.1,159.6L290.1,159.6z M356.4,456l-56.7,39.8L243,456l56.7-15.7L356.4,456z M407,349.6l-26.4,61.6l-16.7-31.3L350,350.7 l16.8-57.4l46.2,12.1L407,349.6L407,349.6L407,349.6z M133.5,310.5l-35-16.9l10.5-28.2l64.4-10.5v41.5L133.5,310.5L133.5,310.5 L133.5,310.5z M123.5,207.1l-5.3-21.2l17.9,3.3L123.5,207.1z M163.1,150.7L144,178.1l-24.4-4.5l6.8-12.1L163.1,150.7L163.1,150.7z  M130.3,219l19.1-27.1l24,6V237L130.3,219L130.3,219z"
-      style="fill: url(#ant-web3-icon-cow-circle-colorful-SVGID_00000023976467625729153770000003855256142524735384_);"
+      fill="url(#ant-web3-icon-cow-circle-colorful-SVGID_00000023976467625729153770000003855256142524735384_)"
     />
   </svg>
 </span>
@@ -50332,6 +50377,7 @@ exports[`Test Icons > should render all icons 506`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 256 256"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -50349,8 +50395,8 @@ exports[`Test Icons > should render all icons 506`] = `
         <circle
           cx="128.1"
           cy="128.2"
+          fill=" #EDF0F2"
           r="127.9"
-          style="fill: #EDF0F2;"
         />
         <lineargradient
           gradientTransform="matrix(1 0 0 -1 0 258)"
@@ -50363,20 +50409,20 @@ exports[`Test Icons > should render all icons 506`] = `
         >
           <stop
             offset="0"
-            style="stop-color: rgb(39, 211, 162);"
+            stop-color="#27D3A2"
           />
           <stop
             offset="1"
-            style="stop-color: rgb(147, 136, 253);"
+            stop-color="#9388FD"
           />
         </lineargradient>
         <path
           d="M209.3,226.9c-19.5,16.1-43.4,26-68.6,28.4c-33.7,3.3-67.4-6.9-93.7-28.4c-26.2-21.5-42.8-52.5-46.2-86.3 c-2.5-25.2,2.5-50.5,14.4-72.8c11.9-22.3,30.2-40.6,52.5-52.5c22.3-11.9,47.6-17,72.8-14.5c25.2,2.5,49,12.3,68.6,28.4l-25.8,31.5 c-13.3-10.9-29.6-17.7-46.8-19.3c-17.2-1.7-34.4,1.8-49.6,9.9c-15.2,8.1-27.6,20.6-35.8,35.8c-8.1,15.2-11.5,32.5-9.8,49.6 c2.3,23,13.6,44.2,31.5,58.8c17.9,14.7,40.9,21.6,63.9,19.3c17.2-1.7,33.4-8.5,46.7-19.4L209.3,226.9z"
-          style="fill: url(#ant-web3-icon-cdai-circle-colorful-SVGID_1_);"
+          fill=" url(#ant-web3-icon-cdai-circle-colorful-SVGID_1_)"
         />
         <path
           d="M128.5,232.9c57.7,0,104.4-46.8,104.4-104.4C232.9,70.8,186.2,24,128.5,24C70.8,24,24,70.8,24,128.5 C24,186.2,70.8,232.9,128.5,232.9z"
-          style="fill: #FFFFFF;"
+          fill=" #FFFFFF"
         />
       </g>
       <lineargradient
@@ -50390,16 +50436,16 @@ exports[`Test Icons > should render all icons 506`] = `
       >
         <stop
           offset="0"
-          style="stop-color: rgb(40, 57, 71);"
+          stop-color="#283947"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(101, 119, 134);"
+          stop-color="#657786"
         />
       </lineargradient>
       <path
         d="M174,115h-9.7c-5.3-14.8-19.6-24.9-38.5-24.9h-31V115H84v8.9h10.8v9.4H84v8.9h10.8v24.6h31 c18.6,0,32.8-10,38.3-24.6h9.9v-8.9h-7.7c0.2-1.6,0.3-3.2,0.3-4.8v-0.2c0-1.5-0.1-2.9-0.2-4.3h7.6L174,115L174,115z M103.5,98.1 h22.3c13.8,0,24.1,6.8,28.9,16.9h-51.2V98.1L103.5,98.1z M125.8,158.8h-22.3v-16.6h51.2C149.9,152.2,139.6,158.8,125.8,158.8z  M157.6,128.7c0,1.6-0.1,3.1-0.3,4.6h-53.8v-9.4h53.8c0.2,1.5,0.3,3,0.3,4.5V128.7z"
-        style="fill: url(#ant-web3-icon-cdai-circle-colorful-SVGID_2_);"
+        fill=" url(#ant-web3-icon-cdai-circle-colorful-SVGID_2_)"
       />
     </g>
   </svg>
@@ -51173,6 +51219,7 @@ exports[`Test Icons > should render all icons 510`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 80 80"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -51196,24 +51243,24 @@ exports[`Test Icons > should render all icons 510`] = `
     >
       <stop
         offset="0.1594"
-        style="stop-color: rgb(0, 60, 218);"
+        stop-color="#003CDA"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(51, 223, 204);"
+        stop-color="#33DFCC"
       />
     </lineargradient>
     <path
       d="M0,16C0,7.2,7.2,0,16,0h48c8.8,0,16,7.2,16,16v48c0,8.8-7.2,16-16,16H16C7.2,80,0,72.8,0,64V16z"
-      style="fill: url(#ant-web3-icon-bzrx-colorful-SVGID_1_);"
+      fill=" url(#ant-web3-icon-bzrx-colorful-SVGID_1_)"
     />
     <path
       d="M32,0h-8v18.4h8V0z"
-      style="fill: #FFFFFF;"
+      fill=" #FFFFFF"
     />
     <path
       d="M45.5,56.7H34.9c-6,0-10.9-4.9-10.9-10.9V38h8v7.7c0,1.6,1.3,2.9,2.9,2.9h10.6c1.6,0,2.9-1.3,2.9-2.9V35.2 c0-1.6-1.3-2.9-2.9-2.9H0v-8h45.5c6,0,10.9,4.9,10.9,10.9v10.6C56.4,51.8,51.5,56.7,45.5,56.7z"
-      style="fill: #FFFFFF;"
+      fill=" #FFFFFF"
     />
   </svg>
 </span>
@@ -52738,6 +52785,7 @@ exports[`Test Icons > should render all icons 521`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 54.2 54.2"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -52752,7 +52800,7 @@ exports[`Test Icons > should render all icons 521`] = `
   >
     <path
       d="M27.1,54.2c15,0,27.1-12.1,27.1-27.1C54.2,12.1,42,0,27.1,0C12.1,0,0,12.1,0,27.1C0,42,12.1,54.2,27.1,54.2z"
-      style="fill: #FFFFFF;"
+      fill=" #FFFFFF"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 -1 0 55.8898)"
@@ -52765,16 +52813,16 @@ exports[`Test Icons > should render all icons 521`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(255, 73, 106);"
+        stop-color="#FF496A"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(228, 38, 72);"
+        stop-color="#E42648"
       />
     </lineargradient>
     <path
       d="M48,10.2c-1.9,0.4-3.7,0.9-5.1,1.2c-3.4,0.8-6.5,3.3-7.2,8c-0.6,4.2,0.8,6,0.2,10.9 c-1.1,8.6-9.3,11.5-13.1,13.3c-2.2,1-7.6,3.4-11.7,5.2c4.5,3.3,10,5.3,16.1,5.3c15,0,27.1-12.1,27.1-27.1c0-6.4-2.2-12.2-5.9-16.9 C48.2,10.2,48.1,10.2,48,10.2z"
-      style="fill: url(#ant-web3-icon-bsw-circle-colorful-SVGID_1_);"
+      fill=" url(#ant-web3-icon-bsw-circle-colorful-SVGID_1_)"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 -1 0 55.8898)"
@@ -52787,16 +52835,16 @@ exports[`Test Icons > should render all icons 521`] = `
     >
       <stop
         offset="0.00181229"
-        style="stop-color: rgb(17, 88, 241);"
+        stop-color="#1158F1"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(17, 155, 237);"
+        stop-color="#119BED"
       />
     </lineargradient>
     <path
       d="M24,23.1c2.1-4.5,1.3-4.5,2.9-8.8 c2-5.4,8.2-3.8,9.9-3.6c2.8,0.4,3.6-0.6,9.5-1.6c0.3,0,0.6-0.1,0.9-0.1c-5-5.5-12.2-9-20.2-9C16.3,0,7,6.3,2.6,15.4 C11.6,17.6,21.2,22.4,24,23.1z M18.1,4.7c0.8,0.1,4.6,4.9,5.3,17.1c0,0-4.9-1.2-6-3.7C16.6,16,17.7,13.2,18.1,4.7z M48.2,10.2 C48.2,10.2,48.2,10.2,48.2,10.2c0,0-0.1,0-0.2,0C48.1,10.2,48.2,10.2,48.2,10.2z M0,27.1c0-2.2,0.3-4.3,0.7-6.3c1,0.8,2,1.7,3.1,2.8 c7.1,6.5,18.5,11.7,22.7,6.9c0,0,0,0,0,0c-0.8,1-3.7,4.2-9.2,3.2L8.6,46.8C3.3,41.9,0,34.9,0,27.1z"
-      style="fill: url(#ant-web3-icon-bsw-circle-colorful-SVGID_00000062914791107164500290000013177463998386082734_);"
+      fill="url(#ant-web3-icon-bsw-circle-colorful-SVGID_00000062914791107164500290000013177463998386082734_)"
     />
   </svg>
 </span>
@@ -55326,6 +55374,7 @@ exports[`Test Icons > should render all icons 560`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 60 60"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -55349,28 +55398,28 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(230, 0, 122);"
+        stop-color="#E6007A"
       />
       <stop
         offset="0.21"
-        style="stop-color: rgb(112, 58, 194);"
+        stop-color="#703AC2"
       />
       <stop
         offset="0.46"
-        style="stop-color: rgb(0, 112, 235);"
+        stop-color="#0070EB"
       />
       <stop
         offset="0.77"
-        style="stop-color: rgb(2, 151, 251);"
+        stop-color="#0297FB"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(10, 226, 255);"
+        stop-color="#0AE2FF"
       />
     </lineargradient>
     <path
       d="M59.9,28c-1.1-16.5-15.4-29-32-27.9C19.7,0.6,12.5,4.5,7.5,10.2l0,0c0,0-0.1,0.1-0.1,0.1 c-5,5.8-7.8,13.5-7.3,21.7c0.1,0.8,0.1,1.6,0.3,2.3c0,0,0,0.1,0,0.1c0.1,0.5,0.2,1,0.3,1.5c0.1,0.5,0.2,0.9,0.3,1.4 C4.4,51.1,17.3,60.9,32,59.9C48.6,58.8,61.1,44.5,59.9,28C59.9,28,59.9,28,59.9,28z M53.4,28.4c0.1,2,0,4-0.4,5.9c0,0,0,0,0,0 c-2.2-5.3-6.5-9.2-10.3-11.3c0.8-9-2.3-12.8-5.8-13.4c-2.7-0.5-5.3,1.3-5.8,4c0,0.1,0,0.2,0,0.3c-0.4,2.7,1.6,5.3,4.3,5.6 c0,0,0,0,0,0c0.2,0,0.5,0,0.7,0c0,0.3,0,0.6,0,1c-3.2-0.8-6.2-1-8.9-0.7c-1,0.1-2,0.2-3.1,0.4c0.3-3,1.5-6.5,3.7-9 c2.1-2.4,5.3-3.8,8.8-3.4c0.7,0.1,1.4,0.2,2,0.4c0,0,0.1,0,0.1,0C46.8,11.6,52.8,19.2,53.4,28.4C53.4,28.4,53.4,28.4,53.4,28.4z  M32.5,33C32.5,33,32.5,33,32.5,33c-0.8,1.1-1.6,2.1-2.6,3c-1.4-1.5-2.7-3.2-3.6-5.1c0-0.1-0.1-0.2-0.1-0.3v0 c-0.6-1.2-1-2.5-1.3-3.7c2.1-0.5,4.2-0.7,6.2-0.6l0.3,0h0c1.3,0.1,2.6,0.3,3.9,0.7C34.6,29.1,33.7,31.2,32.5,33 C32.5,33,32.5,33,32.5,33z M22.2,7.9L22.2,7.9c-3.5,4.6-4.7,10.2-4.7,14.5c-8.2,3.8-9.9,8.4-8.7,11.7c0,0.1,0.1,0.2,0.1,0.3 c1.1,2.6,4,3.8,6.6,2.7c2.6-1.1,3.8-4,2.7-6.6c-0.1-0.2-0.2-0.4-0.3-0.6c0.3-0.2,0.5-0.3,0.8-0.5c0.9,3.2,2.3,5.8,3.8,8.1 c0.6,0.8,1.2,1.7,1.9,2.4c-2.8,1.2-6.3,1.9-9.6,1.3c-3.2-0.6-5.9-2.7-7.4-5.9c-0.3-0.6-0.5-1.3-0.6-1.9c-0.1-0.6-0.1-1.2-0.2-1.7 C5.9,20.8,12.5,11.3,22.2,7.9z M31.6,53.4c-6.4,0.4-12.3-1.7-16.9-5.6c5.7,0.8,11.2-1,14.9-3.2c7.4,5.2,12.2,4.4,14.5,1.7 c1.8-2.1,1.6-5.3-0.5-7.1c-0.1-0.1-0.2-0.1-0.2-0.2c-2.2-1.7-5.3-1.3-7,0.9c0,0,0,0,0,0c-0.1,0.2-0.3,0.4-0.4,0.6 c-0.3-0.1-0.6-0.3-0.9-0.5c2.1-2.2,3.8-4.6,5.1-7.4c0.5-0.9,0.9-1.9,1.2-2.8c2.5,1.8,4.9,4.5,5.9,7.7c1,3.1,0.6,6.5-1.4,9.3 c-0.4,0.5-0.9,1.1-1.4,1.5l0,0C40.8,51.4,36.3,53.1,31.6,53.4C31.6,53.4,31.6,53.4,31.6,53.4z"
-      style="fill: url(#ant-web3-icon-astr-circle-colorful-SVGID_1_);"
+      fill=" url(#ant-web3-icon-astr-circle-colorful-SVGID_1_)"
     />
     <radialgradient
       cx="-185.2052"
@@ -55382,7 +55431,7 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
       <stop
         offset="1"
@@ -55407,7 +55456,7 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
       <stop
         offset="1"
@@ -55433,7 +55482,7 @@ exports[`Test Icons > should render all icons 560`] = `
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55450,7 +55499,7 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
       <stop
         offset="1"
@@ -55475,7 +55524,7 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
       <stop
         offset="1"
@@ -55501,7 +55550,7 @@ exports[`Test Icons > should render all icons 560`] = `
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55518,7 +55567,7 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
       <stop
         offset="1"
@@ -55543,7 +55592,7 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
       <stop
         offset="1"
@@ -55569,7 +55618,7 @@ exports[`Test Icons > should render all icons 560`] = `
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55587,11 +55636,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55609,11 +55658,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55631,11 +55680,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55653,11 +55702,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55675,11 +55724,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55697,11 +55746,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55719,11 +55768,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55741,11 +55790,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55763,11 +55812,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55785,11 +55834,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55807,11 +55856,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55829,11 +55878,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55851,11 +55900,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55873,11 +55922,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55895,11 +55944,11 @@ exports[`Test Icons > should render all icons 560`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(35, 31, 32);"
+        stop-color="#231F20"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
     </lineargradient>
     <path
@@ -55980,6 +56029,7 @@ exports[`Test Icons > should render all icons 563`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 2000 2000"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -56003,16 +56053,16 @@ exports[`Test Icons > should render all icons 563`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(179, 140, 48);"
+        stop-color="#B38C30"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(242, 222, 152);"
+        stop-color="#F2DE98"
       />
     </lineargradient>
     <path
       d="M1000,0C447.6,0,0,447.6,0,1000s447.6,1000,1000,1000s1000-447.6,1000-1000S1552.4,0,1000,0z M548.6,741.5 c0-123.6,100.2-223.1,224.6-223.1h512.4c58.6,0,114.9,23,156.7,64.1l-262.2,131.9h-361c-40.7,0-73.1,29.4-73.1,64.8v160.5 l-196.7,102.5V741.5L548.6,741.5z M1507.9,1075.4c0,123.6-100.2,223.1-223.1,223.1H745.3v190.7c0,32.4-24.1,58.8-52.8,65.6 l-67.1,1.5h-76.9v-331.6l257-134.1h431.8c40.7,0,74.6-29.4,74.6-65.6V828.9l195.9-98.7L1507.9,1075.4L1507.9,1075.4z"
-      style="fill: url(#ant-web3-icon-arrr-circle-colorful-SVGID_1_);"
+      fill=" url(#ant-web3-icon-arrr-circle-colorful-SVGID_1_)"
     />
   </svg>
 </span>
@@ -56470,6 +56520,7 @@ exports[`Test Icons > should render all icons 574`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 2500 2500"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -56507,27 +56558,27 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(195, 196, 195);"
+              stop-color="#C3C4C3"
             />
             <stop
               offset="0.0901961"
-              style="stop-color: rgb(216, 216, 216);"
+              stop-color="#D8D8D8"
             />
             <stop
               offset="0.2118"
-              style="stop-color: rgb(233, 234, 233);"
+              stop-color="#E9EAE9"
             />
             <stop
               offset="0.349"
-              style="stop-color: rgb(246, 246, 246);"
+              stop-color="#F6F6F6"
             />
             <stop
               offset="0.549"
-              style="stop-color: rgb(253, 253, 253);"
+              stop-color="#FDFDFD"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <path
@@ -56545,32 +56596,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(195, 196, 195);"
+              stop-color="#C3C4C3"
             />
             <stop
               offset="0.0901961"
-              style="stop-color: rgb(216, 216, 216);"
+              stop-color="#D8D8D8"
             />
             <stop
               offset="0.2118"
-              style="stop-color: rgb(233, 234, 233);"
+              stop-color="#E9EAE9"
             />
             <stop
               offset="0.349"
-              style="stop-color: rgb(246, 246, 246);"
+              stop-color="#F6F6F6"
             />
             <stop
               offset="0.549"
-              style="stop-color: rgb(253, 253, 253);"
+              stop-color="#FDFDFD"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <path
+            clip-rule="evenodd"
             d="     M2011,1729L690,2075h1492c16,0,26-16,16-26l-186-320H2011z"
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000151518366963742479110000009879250187584820389_);"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000151518366963742479110000009879250187584820389_)"
+            fill-rule="evenodd"
           />
           <lineargradient
             gradientTransform="matrix(975 0 0 -1303.5 -926212 2018251.25)"
@@ -56583,32 +56636,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(195, 196, 195);"
+              stop-color="#C3C4C3"
             />
             <stop
               offset="0.0901961"
-              style="stop-color: rgb(216, 216, 216);"
+              stop-color="#D8D8D8"
             />
             <stop
               offset="0.2118"
-              style="stop-color: rgb(233, 234, 233);"
+              stop-color="#E9EAE9"
             />
             <stop
               offset="0.349"
-              style="stop-color: rgb(246, 246, 246);"
+              stop-color="#F6F6F6"
             />
             <stop
               offset="0.549"
-              style="stop-color: rgb(253, 253, 253);"
+              stop-color="#FDFDFD"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <path
+            clip-rule="evenodd"
             d="     M1810,1528l201,201L1258,433c-5-10-26-10-31,0l-191,330l774,764V1528z"
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000039829749309225381840000015119252164078013836_);"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000039829749309225381840000015119252164078013836_)"
+            fill-rule="evenodd"
           />
           <lineargradient
             gradientTransform="matrix(274 0 0 -1033 -259206 1600329.625)"
@@ -56621,32 +56676,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(183, 184, 184);"
+              stop-color="#B7B8B8"
             />
             <stop
               offset="0.1098"
-              style="stop-color: rgb(201, 202, 202);"
+              stop-color="#C9CACA"
             />
             <stop
               offset="0.302"
-              style="stop-color: rgb(225, 225, 225);"
+              stop-color="#E1E1E1"
             />
             <stop
               offset="0.502"
-              style="stop-color: rgb(242, 242, 242);"
+              stop-color="#F2F2F2"
             />
             <stop
               offset="0.7294"
-              style="stop-color: rgb(252, 252, 252);"
+              stop-color="#FCFCFC"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000051385270511264620020000002172657498432091820_)"
+            fill-rule="evenodd"
             points="     964,2002 964,1042 690,2075    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000051385270511264620020000002172657498432091820_);"
           />
           <lineargradient
             gradientTransform="matrix(1 0 0 -1 0 2499.2756)"
@@ -56659,32 +56716,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(183, 184, 184);"
+              stop-color="#B7B8B8"
             />
             <stop
               offset="0.1098"
-              style="stop-color: rgb(201, 202, 202);"
+              stop-color="#C9CACA"
             />
             <stop
               offset="0.302"
-              style="stop-color: rgb(225, 225, 225);"
+              stop-color="#E1E1E1"
             />
             <stop
               offset="0.502"
-              style="stop-color: rgb(242, 242, 242);"
+              stop-color="#F2F2F2"
             />
             <stop
               offset="0.7294"
-              style="stop-color: rgb(252, 252, 252);"
+              stop-color="#FCFCFC"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000155860069268721410950000014564175754770448541_)"
+            fill-rule="evenodd"
             points="     964,1042 1810,1528 1036,763    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000155860069268721410950000014564175754770448541_);"
           />
           <lineargradient
             gradientTransform="matrix(1047 0 0 -474 -994828 735888.625)"
@@ -56697,32 +56756,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(183, 184, 184);"
+              stop-color="#B7B8B8"
             />
             <stop
               offset="0.1098"
-              style="stop-color: rgb(201, 202, 202);"
+              stop-color="#C9CACA"
             />
             <stop
               offset="0.302"
-              style="stop-color: rgb(225, 225, 225);"
+              stop-color="#E1E1E1"
             />
             <stop
               offset="0.502"
-              style="stop-color: rgb(242, 242, 242);"
+              stop-color="#F2F2F2"
             />
             <stop
               offset="0.7294"
-              style="stop-color: rgb(252, 252, 252);"
+              stop-color="#FCFCFC"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000065040119934853627350000016198770782480662959_)"
+            fill-rule="evenodd"
             points="     964,2002 2011,1729 1810,1528    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000065040119934853627350000016198770782480662959_);"
           />
           <lineargradient
             gradientTransform="matrix(180 0 0 -753 -169444 1167299.5)"
@@ -56735,28 +56796,30 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(183, 184, 184);"
+              stop-color="#B7B8B8"
             />
             <stop
               offset="0.2118"
-              style="stop-color: rgb(206, 206, 206);"
+              stop-color="#CECECE"
             />
             <stop
               offset="0.5216"
-              style="stop-color: rgb(233, 233, 233);"
+              stop-color="#E9E9E9"
             />
             <stop
               offset="0.7882"
-              style="stop-color: rgb(249, 249, 249);"
+              stop-color="#F9F9F9"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000123415822675592745900000000521001578994105221_)"
+            fill-rule="evenodd"
             points="     964,2002 1144,1899 964,1249    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000123415822675592745900000000521001578994105221_);"
           />
           <lineargradient
             gradientTransform="matrix(666 0 0 -475 -631936 737331.875)"
@@ -56769,28 +56832,30 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(183, 184, 184);"
+              stop-color="#B7B8B8"
             />
             <stop
               offset="0.2118"
-              style="stop-color: rgb(206, 206, 206);"
+              stop-color="#CECECE"
             />
             <stop
               offset="0.5216"
-              style="stop-color: rgb(233, 233, 233);"
+              stop-color="#E9E9E9"
             />
             <stop
               offset="0.7882"
-              style="stop-color: rgb(249, 249, 249);"
+              stop-color="#F9F9F9"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000140703687220537655880000008944447834712198553_)"
+            fill-rule="evenodd"
             points="     1810,1528 1629,1424 1144,1899    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000140703687220537655880000008944447834712198553_);"
           />
           <lineargradient
             gradientTransform="matrix(1 0 0 -1 0 2499.2756)"
@@ -56803,28 +56868,30 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(183, 184, 184);"
+              stop-color="#B7B8B8"
             />
             <stop
               offset="0.2118"
-              style="stop-color: rgb(206, 206, 206);"
+              stop-color="#CECECE"
             />
             <stop
               offset="0.5216"
-              style="stop-color: rgb(233, 233, 233);"
+              stop-color="#E9E9E9"
             />
             <stop
               offset="0.7882"
-              style="stop-color: rgb(249, 249, 249);"
+              stop-color="#F9F9F9"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000072251272675527109840000010503629823098215608_)"
+            fill-rule="evenodd"
             points="     964,1043 964,1249 1636,1428    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000072251272675527109840000010503629823098215608_);"
           />
           <lineargradient
             gradientTransform="matrix(1 0 0 -1 0 2499.2756)"
@@ -56837,24 +56904,26 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(171, 172, 172);"
+              stop-color="#ABACAC"
             />
             <stop
               offset="0.1804"
-              style="stop-color: rgb(189, 189, 189);"
+              stop-color="#BDBDBD"
             />
             <stop
               offset="0.7294"
-              style="stop-color: rgb(237, 237, 237);"
+              stop-color="#EDEDED"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000049920119935004800460000009294454789674034352_)"
+            fill-rule="evenodd"
             points="     1005,1388 1387,1388 1490,1388 964,1249    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000049920119935004800460000009294454789674034352_);"
           />
           <lineargradient
             gradientTransform="matrix(247 0 0 -511 -233192 792997.8125)"
@@ -56867,24 +56936,26 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(171, 172, 172);"
+              stop-color="#ABACAC"
             />
             <stop
               offset="0.1804"
-              style="stop-color: rgb(189, 189, 189);"
+              stop-color="#BDBDBD"
             />
             <stop
               offset="0.7294"
-              style="stop-color: rgb(237, 237, 237);"
+              stop-color="#EDEDED"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000072268310145797188040000012057136438844792241_)"
+            fill-rule="evenodd"
             points="     1000,1388 1144,1899 1247,1801 1056,1476    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000072268310145797188040000012057136438844792241_);"
           />
           <lineargradient
             gradientTransform="matrix(382 0 0 -413 -361465 641364.8125)"
@@ -56897,24 +56968,26 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(171, 172, 172);"
+              stop-color="#ABACAC"
             />
             <stop
               offset="0.1804"
-              style="stop-color: rgb(189, 189, 189);"
+              stop-color="#BDBDBD"
             />
             <stop
               offset="0.7294"
-              style="stop-color: rgb(237, 237, 237);"
+              stop-color="#EDEDED"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000151524062542029481790000010843099837230248881_)"
+            fill-rule="evenodd"
             points="     1490,1388 1247,1801 1629,1424    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000151524062542029481790000010843099837230248881_);"
           />
           <lineargradient
             gradientTransform="matrix(1 0 0 -1 0 2499.2756)"
@@ -56927,32 +57000,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(159, 160, 160);"
+              stop-color="#9FA0A0"
             />
             <stop
               offset="0.1686"
-              style="stop-color: rgb(165, 166, 166);"
+              stop-color="#A5A6A6"
             />
             <stop
               offset="0.4"
-              style="stop-color: rgb(182, 182, 182);"
+              stop-color="#B6B6B6"
             />
             <stop
               offset="0.6588"
-              style="stop-color: rgb(209, 209, 209);"
+              stop-color="#D1D1D1"
             />
             <stop
               offset="0.9412"
-              style="stop-color: rgb(246, 246, 246);"
+              stop-color="#F6F6F6"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000106110091734571230660000005907553444525911456_)"
+            fill-rule="evenodd"
             points="     1387,1388 1000,1388 1056,1481    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000106110091734571230660000005907553444525911456_);"
           />
           <lineargradient
             gradientTransform="matrix(1 0 0 -1 0 2499.2756)"
@@ -56965,32 +57040,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(159, 160, 160);"
+              stop-color="#9FA0A0"
             />
             <stop
               offset="0.1686"
-              style="stop-color: rgb(165, 166, 166);"
+              stop-color="#A5A6A6"
             />
             <stop
               offset="0.4"
-              style="stop-color: rgb(182, 182, 182);"
+              stop-color="#B6B6B6"
             />
             <stop
               offset="0.6588"
-              style="stop-color: rgb(209, 209, 209);"
+              stop-color="#D1D1D1"
             />
             <stop
               offset="0.9412"
-              style="stop-color: rgb(246, 246, 246);"
+              stop-color="#F6F6F6"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000168815814770242052470000013630505276136462720_)"
+            fill-rule="evenodd"
             points="     1299,1718 1056,1481 1247,1806    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000168815814770242052470000013630505276136462720_);"
           />
           <lineargradient
             gradientTransform="matrix(191 0 0 -325 -179581 505204.5625)"
@@ -57003,32 +57080,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(159, 160, 160);"
+              stop-color="#9FA0A0"
             />
             <stop
               offset="0.1686"
-              style="stop-color: rgb(165, 166, 166);"
+              stop-color="#A5A6A6"
             />
             <stop
               offset="0.4"
-              style="stop-color: rgb(182, 182, 182);"
+              stop-color="#B6B6B6"
             />
             <stop
               offset="0.6588"
-              style="stop-color: rgb(209, 209, 209);"
+              stop-color="#D1D1D1"
             />
             <stop
               offset="0.9412"
-              style="stop-color: rgb(246, 246, 246);"
+              stop-color="#F6F6F6"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000000909996004153428660000017492288261985172617_)"
+            fill-rule="evenodd"
             points="     1490,1388 1387,1388 1299,1713    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000000909996004153428660000017492288261985172617_);"
           />
           <lineargradient
             gradientTransform="matrix(1 0 0 -1 0 2499.2756)"
@@ -57041,32 +57120,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(195, 196, 195);"
+              stop-color="#C3C4C3"
             />
             <stop
               offset="0.0901961"
-              style="stop-color: rgb(216, 216, 216);"
+              stop-color="#D8D8D8"
             />
             <stop
               offset="0.2118"
-              style="stop-color: rgb(233, 234, 233);"
+              stop-color="#E9EAE9"
             />
             <stop
               offset="0.349"
-              style="stop-color: rgb(246, 246, 246);"
+              stop-color="#F6F6F6"
             />
             <stop
               offset="0.549"
-              style="stop-color: rgb(253, 253, 253);"
+              stop-color="#FDFDFD"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <path
+            clip-rule="evenodd"
             d="     M318,2075h377l341-1312L302,2049C292,2059,302,2075,318,2075z"
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000121245104436345339250000012906997003188839589_);"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000121245104436345339250000012906997003188839589_)"
+            fill-rule="evenodd"
           />
           <lineargradient
             gradientTransform="matrix(1512.0037 0 0 -346 -1437785.5 538038.375)"
@@ -57079,32 +57160,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(195, 196, 195);"
+              stop-color="#C3C4C3"
             />
             <stop
               offset="0.0901961"
-              style="stop-color: rgb(216, 216, 216);"
+              stop-color="#D8D8D8"
             />
             <stop
               offset="0.2118"
-              style="stop-color: rgb(233, 234, 233);"
+              stop-color="#E9EAE9"
             />
             <stop
               offset="0.349"
-              style="stop-color: rgb(246, 246, 246);"
+              stop-color="#F6F6F6"
             />
             <stop
               offset="0.549"
-              style="stop-color: rgb(253, 253, 253);"
+              stop-color="#FDFDFD"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <path
+            clip-rule="evenodd"
             d="     M2011,1729L690,2075h1492c16,0,26-16,16-26l-186-320H2011z"
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000086671462321803043290000005014764318966868365_);"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000086671462321803043290000005014764318966868365_)"
+            fill-rule="evenodd"
           />
           <lineargradient
             gradientTransform="matrix(975 0 0 -1303.5 -926212 2018251.25)"
@@ -57117,32 +57200,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(195, 196, 195);"
+              stop-color="#C3C4C3"
             />
             <stop
               offset="0.0901961"
-              style="stop-color: rgb(216, 216, 216);"
+              stop-color="#D8D8D8"
             />
             <stop
               offset="0.2118"
-              style="stop-color: rgb(233, 234, 233);"
+              stop-color="#E9EAE9"
             />
             <stop
               offset="0.349"
-              style="stop-color: rgb(246, 246, 246);"
+              stop-color="#F6F6F6"
             />
             <stop
               offset="0.549"
-              style="stop-color: rgb(253, 253, 253);"
+              stop-color="#FDFDFD"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <path
+            clip-rule="evenodd"
             d="     M1810,1528l201,201L1258,433c-5-10-26-10-31,0l-191,330l774,764V1528z"
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000132777140316706033170000009173627281267077537_);"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000132777140316706033170000009173627281267077537_)"
+            fill-rule="evenodd"
           />
           <lineargradient
             gradientTransform="matrix(274 0 0 -1033 -259206 1600329.625)"
@@ -57155,32 +57240,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(183, 184, 184);"
+              stop-color="#B7B8B8"
             />
             <stop
               offset="0.1098"
-              style="stop-color: rgb(201, 202, 202);"
+              stop-color="#C9CACA"
             />
             <stop
               offset="0.302"
-              style="stop-color: rgb(225, 225, 225);"
+              stop-color="#E1E1E1"
             />
             <stop
               offset="0.502"
-              style="stop-color: rgb(242, 242, 242);"
+              stop-color="#F2F2F2"
             />
             <stop
               offset="0.7294"
-              style="stop-color: rgb(252, 252, 252);"
+              stop-color="#FCFCFC"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000131361789317856735690000008800774319425484959_)"
+            fill-rule="evenodd"
             points="     964,2002 964,1042 690,2075    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000131361789317856735690000008800774319425484959_);"
           />
           <lineargradient
             gradientTransform="matrix(1047 0 0 -474 -994828 735888.625)"
@@ -57193,32 +57280,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(183, 184, 184);"
+              stop-color="#B7B8B8"
             />
             <stop
               offset="0.1098"
-              style="stop-color: rgb(201, 202, 202);"
+              stop-color="#C9CACA"
             />
             <stop
               offset="0.302"
-              style="stop-color: rgb(225, 225, 225);"
+              stop-color="#E1E1E1"
             />
             <stop
               offset="0.502"
-              style="stop-color: rgb(242, 242, 242);"
+              stop-color="#F2F2F2"
             />
             <stop
               offset="0.7294"
-              style="stop-color: rgb(252, 252, 252);"
+              stop-color="#FCFCFC"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000039091992000853444510000001332186807166103459_)"
+            fill-rule="evenodd"
             points="     964,2002 2011,1729 1810,1528    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000039091992000853444510000001332186807166103459_);"
           />
           <lineargradient
             gradientTransform="matrix(180 0 0 -753 -169444 1167299.5)"
@@ -57231,28 +57320,30 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(183, 184, 184);"
+              stop-color="#B7B8B8"
             />
             <stop
               offset="0.2118"
-              style="stop-color: rgb(206, 206, 206);"
+              stop-color="#CECECE"
             />
             <stop
               offset="0.5216"
-              style="stop-color: rgb(233, 233, 233);"
+              stop-color="#E9E9E9"
             />
             <stop
               offset="0.7882"
-              style="stop-color: rgb(249, 249, 249);"
+              stop-color="#F9F9F9"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000154384676051370653350000012708915916558894471_)"
+            fill-rule="evenodd"
             points="     964,2002 1144,1899 964,1249    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000154384676051370653350000012708915916558894471_);"
           />
           <lineargradient
             gradientTransform="matrix(666 0 0 -475 -631936 737331.875)"
@@ -57265,28 +57356,30 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(183, 184, 184);"
+              stop-color="#B7B8B8"
             />
             <stop
               offset="0.2118"
-              style="stop-color: rgb(206, 206, 206);"
+              stop-color="#CECECE"
             />
             <stop
               offset="0.5216"
-              style="stop-color: rgb(233, 233, 233);"
+              stop-color="#E9E9E9"
             />
             <stop
               offset="0.7882"
-              style="stop-color: rgb(249, 249, 249);"
+              stop-color="#F9F9F9"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000060025753160588358300000014896109531085138817_)"
+            fill-rule="evenodd"
             points="     1810,1528 1629,1424 1144,1899    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000060025753160588358300000014896109531085138817_);"
           />
           <lineargradient
             gradientTransform="matrix(247 0 0 -511 -233192 792997.8125)"
@@ -57299,24 +57392,26 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(171, 172, 172);"
+              stop-color="#ABACAC"
             />
             <stop
               offset="0.1804"
-              style="stop-color: rgb(189, 189, 189);"
+              stop-color="#BDBDBD"
             />
             <stop
               offset="0.7294"
-              style="stop-color: rgb(237, 237, 237);"
+              stop-color="#EDEDED"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000098937238308582968500000012318394723861717163_)"
+            fill-rule="evenodd"
             points="     1000,1388 1144,1899 1247,1801 1056,1476    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000098937238308582968500000012318394723861717163_);"
           />
           <lineargradient
             gradientTransform="matrix(382 0 0 -413 -361465 641364.8125)"
@@ -57329,24 +57424,26 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(171, 172, 172);"
+              stop-color="#ABACAC"
             />
             <stop
               offset="0.1804"
-              style="stop-color: rgb(189, 189, 189);"
+              stop-color="#BDBDBD"
             />
             <stop
               offset="0.7294"
-              style="stop-color: rgb(237, 237, 237);"
+              stop-color="#EDEDED"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000129895324190172913110000011616925151786546056_)"
+            fill-rule="evenodd"
             points="     1490,1388 1247,1801 1629,1424    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000129895324190172913110000011616925151786546056_);"
           />
           <lineargradient
             gradientTransform="matrix(1 0 0 -1 0 2499.2756)"
@@ -57359,32 +57456,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(159, 160, 160);"
+              stop-color="#9FA0A0"
             />
             <stop
               offset="0.1686"
-              style="stop-color: rgb(165, 166, 166);"
+              stop-color="#A5A6A6"
             />
             <stop
               offset="0.4"
-              style="stop-color: rgb(182, 182, 182);"
+              stop-color="#B6B6B6"
             />
             <stop
               offset="0.6588"
-              style="stop-color: rgb(209, 209, 209);"
+              stop-color="#D1D1D1"
             />
             <stop
               offset="0.9412"
-              style="stop-color: rgb(246, 246, 246);"
+              stop-color="#F6F6F6"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000073707207623614811820000014993758196696598451_)"
+            fill-rule="evenodd"
             points="     1299,1718 1056,1481 1247,1801    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000073707207623614811820000014993758196696598451_);"
           />
           <lineargradient
             gradientTransform="matrix(191 0 0 -325 -179581 505204.5625)"
@@ -57397,32 +57496,34 @@ exports[`Test Icons > should render all icons 574`] = `
           >
             <stop
               offset="0"
-              style="stop-color: rgb(159, 160, 160);"
+              stop-color="#9FA0A0"
             />
             <stop
               offset="0.1686"
-              style="stop-color: rgb(165, 166, 166);"
+              stop-color="#A5A6A6"
             />
             <stop
               offset="0.4"
-              style="stop-color: rgb(182, 182, 182);"
+              stop-color="#B6B6B6"
             />
             <stop
               offset="0.6588"
-              style="stop-color: rgb(209, 209, 209);"
+              stop-color="#D1D1D1"
             />
             <stop
               offset="0.9412"
-              style="stop-color: rgb(246, 246, 246);"
+              stop-color="#F6F6F6"
             />
             <stop
               offset="1"
-              style="stop-color: rgb(255, 255, 255);"
+              stop-color="#FFFFFF"
             />
           </lineargradient>
           <polygon
+            clip-rule="evenodd"
+            fill="url(#ant-web3-icon-api3-colorful-SVGID_00000069400090417809915950000014011218938737191579_)"
+            fill-rule="evenodd"
             points="     1490,1388 1387,1388 1299,1713    "
-            style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_00000069400090417809915950000014011218938737191579_);"
           />
         </g>
       </g>
@@ -57439,6 +57540,7 @@ exports[`Test Icons > should render all icons 575`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 185.6 185.6"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -57464,16 +57566,16 @@ exports[`Test Icons > should render all icons 575`] = `
       >
         <stop
           offset="0.1667"
-          style="stop-color: rgb(7, 49, 131);"
+          stop-color="#073183"
         />
         <stop
           offset="1"
-          style="stop-color: rgb(0, 84, 249);"
+          stop-color="#0054F9"
         />
       </radialgradient>
       <path
         d="M185.6,92.8C185.6,41.5,144,0,92.8,0C41.5,0,0,41.5,0,92.8c0,51.2,41.5,92.8,92.8,92.8 C144,185.6,185.6,144,185.6,92.8z"
-        style="fill: url(#ant-web3-icon-ape-circle-colorful-SVGID_1_);"
+        fill=" url(#ant-web3-icon-ape-circle-colorful-SVGID_1_)"
       />
     </g>
     <g
@@ -57481,99 +57583,99 @@ exports[`Test Icons > should render all icons 575`] = `
     >
       <path
         d="M155.9,63.8c-0.4,2.3-0.8,3.4-1.4,4.6l0,0c-0.6,1.4-1.2,2.9-1.8,6.1c-0.2,1.2-0.4,2.2-0.5,3v0.1l0,0 c-0.2,1.3-0.3,2.2-0.8,3.7c-0.4,1.3-1.1,3.4-2.8,5.6c-1.4,1.8-3.7,4.9-6.8,5.3c-0.3,0-0.8,0-1.1-0.1c-8.8-4.5-16.3-7.8-18.9-8.5 c-3-0.9-2.6-7.5-2.3-13.3c0.2-2.6,0.3-5.1,0.2-7.2c-0.4-7.4-1.7-15.4-8.1-19.3c-3.8-2.3-8.8-3-13.5-3c0.9-0.4,1.8-1,2.9-1.6l0,0 c2.8-1.6,6.2-3.6,9.7-4c1.1-0.1,2.2-0.2,3.3-0.4c6.9-0.8,12.9-1.5,19.2,0.7c2.9,1,8.7,4.2,10.2,7.3c1.1,2.1,2.9,3.8,6.4,7.1 c1.9,1.7,3.1,2.7,4,3.5l0,0c1.3,1,1.5,1.3,1.9,2C156.9,57.8,156.5,60.3,155.9,63.8z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M124,94.1c0.4,0.1,0.6,0.6,0.3,1c-0.9,1.4-2,3.4-3.3,5.7c-0.6,1.1-1.2,2.2-1.7,3c-1.7,2.9-1.8,5.4-1.9,7.3 c-0.1,2.1-0.2,3-1.5,3.8c-1,0.7-2.1,0.9-9.3,2c-1.3,0.2-1.8,0.4-2.3,0.7c-0.1,0.1-0.3,0.1-0.4,0.2c-0.4,0.2-0.8-0.2-0.8-0.6 c0.1-1,0.1-2.3,0.1-4v-0.3c0-1.4,0-2.6-0.1-3.5c-0.1-1.8-0.1-2.6,0.4-3.4c0.6-1,1.1-1.3,1.8-1.8c1.1-0.7,2.6-1.6,4.7-4.6 c1.2-1.6,1.4-2.5,1.6-3.2c0.1-0.3,0.1-0.4,1-1.1s3.8-2.9,7.5-2.3C121.3,93.2,122.6,93.6,124,94.1z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M95.3,127.3c-0.2,0.2-0.3,0.3-0.6,0.3c-0.8,0-1.3-0.2-1.6-0.6c-0.7-0.9-0.6-2.7-0.5-3.8l3.1-0.8 C95.9,124.1,96,126.4,95.3,127.3z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M95.5,116.3c-0.1,0.4-0.1,0.9-0.1,1.5c0,0.2,0,0.4,0,0.6c0,0.5,0,1.3,0,1.7c-1,0.3-1.8,0.3-2.8,0.3 c0-0.3,0-0.8,0-1.1c0-0.2,0-0.5,0-0.7c0-0.3,0-0.5,0-0.8c0-0.6,0-1.5,0.1-1.8c0.3,0,0.6-0.1,0.9-0.2c0.6-0.1,1.5-0.3,2-0.2 C95.6,115.8,95.6,116.1,95.5,116.3z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M89.9,126.4c-0.1,1.6-0.6,3.5-2.1,3.8c-0.7,0.1-1-0.1-1.2-0.3c-1-0.9-1.1-3.7-1-5.7c0.7,0,1.5-0.1,2.5-0.3 c0.6-0.1,1.2-0.3,1.7-0.4C89.9,124.3,90,125.3,89.9,126.4z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M89.2,120.8l-3.3,1.2c0.2-1.3,0.4-3.1,0.5-4.3c0.1-0.8,0.3-1.1,0.4-1.2c0,0,0.1-0.1,0.2-0.1c0,0,0,0,0.1,0h0.1 l2.1-0.1C89.2,117.3,89.2,119.5,89.2,120.8z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M83.8,119.8c-0.2,0.5-0.4,1.9-0.5,2.9l-4.1-0.1c0.2-1.3,0.6-2.6,0.9-3.6c0.4-1,0.7-1.8,1.1-2s1.3-0.3,1.9,0.2 C84,117.8,84.2,118.7,83.8,119.8z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M82.3,132.5c-0.3,0.4-0.7,0.7-1.1,0.7c-0.5,0.1-0.8-0.1-1.1-0.3c-1.3-1.2-1.2-5.1-1.1-7 c1.7-0.4,3.6-0.7,4.5-0.8C83.5,126.6,83.6,130.7,82.3,132.5z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M76.9,122.4c-0.2,0.5-0.4,1-0.5,1.5c-0.5,0.2-2,0-3.5-0.3l1-6.5c1.7-0.5,3.7-0.6,4.1-0.1 C78.7,117.7,77.4,121,76.9,122.4z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M75,133.4c-0.8,1-2,1.5-3.7,1.4c-1.2,0-1.6-0.5-1.8-0.8c-0.9-1.5,0-5,0.9-7.2l5.6,0.3c0.1,0.4,0.1,0.9,0.1,1.4 C76.2,130.2,76,132.2,75,133.4z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M121.4,86.1c-5.1-1.4-4.6-8.8-4.2-16c0.1-2.5,0.3-4.9,0.2-6.9c-0.4-6.7-1.5-14-6.9-17.3 c-5.8-3.5-15.3-2.7-21.1-2l0,0l0,0c-2.1,0.6-4.1,1.1-5.7,1c-3.4-0.2-6.1-1.6-8.5-2.9c-1.8-1-3.4-1.9-5-1.9c-0.1,0-0.2,0-0.2,0 c-4.5,0.3-6.6,1.4-8.5,3.1c-0.5,0.4-1.1,1.6-3,7.1c-1,2.8-1.1,4.3-1.3,5.7c-0.2,1.3-0.3,2.7-1,4.8c-0.5,1.4-0.9,2.6-1.2,3.8 c-0.9,3.1-1.7,5.6-3.9,8.6c-0.3,0.3-0.6,0.9-1,1.4c-0.5,0.8-1.1,1.8-2,2.9c-0.6,0.8-1.9,3.8-1.8,4.7c0.1,1.5,0.6,2.4,1.1,3.4 s1.2,2.2,1.3,3.9v0.3c0.2,2.6-0.2,3.9-5.1,8.3c-3.1,2.8-5.4,5.5-6.9,7.5c-0.1,0.2,0,0.4,0.3,0.4c0.1,0,0.1,0,0.1,0 c0.1,0,0.2,0,0.3,0s0.2,0,0.3,0s0.2,0,0.3,0c1.2,0.1,2.4,0.6,3.2,1.5c0.1,0.2,0.4,0.2,0.6,0.1c0.8-0.3,1.7-0.3,2.5-0.2 c1,0.1,2.1,0.4,2.8,1.1c0.2,0.2,0.5,0.3,0.8,0.2c0.8-0.2,1.7-0.2,2.5,0.1c0.6,0.2,1.2,0.6,1.6,1.1c0.3,0.3,0.8,0.4,1.2,0.2 c0.2-0.1,0.5-0.3,0.8-0.4c1.1-0.4,2.3-0.2,3.3,0.2c0.5,0.2,1,0.3,1.5,0.7c0.8,0.6,1.4,1.4,1.7,2.3c0.2,0.5,0.9,0.7,1.3,0.3 c0.8-0.6,1.4-0.7,2-0.5c0.3,0.1,0.5,0.3,0.7,0.6c0.3,0.4,0.8,0.8,1.2,0.6c1.7-0.5,3.7-0.2,5.2,0.6c0.5,0.3,1.1,0.7,1.4,1.3l0,0l0,0 v-0.3c0-0.1,0.1-0.2,0.2-0.3l0.3-0.1c0.8-0.3,5-1.5,6.6,0.2c0.1,0.1,0.2,0.1,0.3,0c0.2-0.2,0.4-0.4,0.5-0.4 c1.1-0.6,2.9-0.7,4.1,0.4c0.2,0.2,0.6,0.1,0.8-0.1c0.1-0.2,0.2-0.3,0.4-0.4c0.4-0.4,1-0.5,1.6-0.5l2.3-0.1c0.6,0,2.4-0.2,2.9-0.3 h0.1c0.2,0,0.5-0.1,0.8-0.2c1.1-0.2,2.4-0.5,3.4,0s0.9,1.6,0.8,2.6c0,0.4-0.1,0.8-0.1,1.2c0,0.2,0,0.4,0,0.6c0,0.9,0,1.7-0.1,2.3 l0,0l0,0l0.1,0.5c0,0,0,0,0,0.1c0.1,0.4,0.6,0.7,0.9,0.4c0.8-0.5,1.6-1.1,1.9-1.5v-0.1c0-0.1,0.1-0.3,0.2-0.7 c0.1-0.9,0.3-2.6,0.3-6.1c0-0.2,0-0.3,0-0.4c0-1.3,0-2.4-0.1-3.3c-0.1-1.9-0.2-3.4,0.8-4.9c0.9-1.5,1.8-2,2.7-2.6 c1-0.6,2.1-1.3,4-3.9c0.9-1.3,1-1.8,1.1-2.2c0.2-1,0.5-1.6,2-2.6c1.2-0.9,4.7-3.6,9.5-2.8c1.6,0.3,4.1,1.1,6.7,2.1l0,0l0,0 c0.1,0,0.2,0.1,0.3,0.1h0.1c2.3,0.9,4.4,1.9,5.9,2.7c0.3,0.2,0.7,0.1,1-0.2c0.5-0.6,1-0.9,1.5-1.3c0.2-0.1,0.4-0.2,0.5-0.3 c0.1,0,0.1-0.1,0.1-0.1c0.4-0.3,0.4-1.1-0.1-1.3C129.9,88.7,123.5,86.7,121.4,86.1z M73.2,87.6C71.6,94.4,61,102,56.2,102h-0.1 c-0.1,0-0.2,0-0.2,0c-0.1,0-0.2,0-0.3-0.1c-0.1,0-0.1,0-0.2,0c-0.9-0.3-2.1-0.9-3-1.8c-0.6-0.6-1.1-1.4-1.3-2.1 c0-0.1-0.1-0.3-0.1-0.4c-0.3-1.2-0.6-2.6,0.4-5c0.1-0.3,0.3-0.6,0.4-0.9c0-0.1,0.1-0.2,0.1-0.3c0.1-0.3,0.2-0.5,0.3-0.7 c0.1-0.4,0.3-0.7,0.4-0.9c0-0.1,0.1-0.2,0.1-0.3c0.3-0.8,0.3-1.1,0.4-1.4c0-0.2,0.1-0.6,0.2-1c0.3-1.3,0.5-2.4,0.6-3.3 c0.2-1.7,0.5-3.2,1.4-4.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.1,0.1-0.1,0.2-0.2c0.1-0.1,0.1-0.1,0.2-0.2c0.2-0.2,0.5-0.3,0.7-0.4 c0.1,0,0.2-0.1,0.3-0.1c0.2-0.1,0.4-0.1,0.6-0.2c0.9-0.2,1.9-0.2,3.1-0.1c1.3,0.1,2.5,0.3,3.5,0.6c0.9,0.2,1.7,0.5,2.3,0.8 c0.1,0,0.1,0.1,0.2,0.1c0.1,0.1,0.2,0.1,0.4,0.2c0.2,0.1,0.3,0.1,0.5,0.2s0.4,0.2,0.6,0.3l0.2,0.1c0.7,0.3,1.4,0.7,1.9,1.1 c0.3,0.2,0.5,0.4,0.7,0.6c0.1,0.1,0.2,0.1,0.2,0.2c0.1,0.1,0.1,0.1,0.2,0.2C73.7,83.6,73.6,86.1,73.2,87.6z M78.2,61.7L78,62.9 c-0.5,2.8-1.6,6.6-5.6,7.6c-3.9,0.9-4.8,1.1-7.5,1.3c-0.1,0-0.1,0-0.2,0c-2,0-5.9-1.3-6.6-4.4c-0.4-2,0.5-3.5,1.9-5.9 c0.2-0.4,0.5-0.8,0.8-1.3c2-3.3,2.7-5.7,3.3-7.6c0.6-1.9,1.1-3.4,2.4-4.7c0.3-0.3,0.6-0.6,1-0.8c0.2-0.2,0.5-0.3,0.8-0.5 c0.4-0.2,0.8-0.3,1.2-0.5c0.9-0.3,1.9-0.4,2.8-0.4c1.9,0,3.8,0.5,5.1,1.6c0.6,0.5,1.5,1.4,2,4.3C79.6,53.1,79.2,55.8,78.2,61.7z  M106.9,69.7c-1.4,2.4-2.1,3.7-3.3,4.7c-2.4,2-5.1,2.4-7.4,2.4c-1.6,0-3-0.3-3.9-0.4c-2.4-0.4-6.7-1.2-8.2-4.7 c-0.3-0.7-0.3-1.1-0.3-1.7c0-0.5,0-1.5-0.3-3.6v-0.1c-0.1-1-0.2-2.1,0-3.5v-0.2c0.8-4.2,1.1-4.8,1.2-5.2c0.4-0.8,1.4-1.2,2.3-0.7 c0.8,0.4,1.1,1.4,0.8,2.2c-0.1,0.2-0.3,1.1-1,4.4v0.2c-0.2,0.9-0.1,1.6,0,2.5v0.1c0.3,2.4,0.3,3.4,0.3,4c0,0.1,0,0.2,0,0.3v0.1 c0.3,0.7,0.9,1.1,1.6,1.5c0.5,0.2,1-0.2,0.9-0.7c-0.7-3.7-0.7-8,0.7-10.7c0.5-0.9,1.3-2.3,2.1-3.7l0,0l0,0c0.1-0.1,0.2-0.3,0.2-0.4 c0.1-0.1,0.1-0.2,0.2-0.3c0.4-0.6,0.7-1.1,1-1.6c0-0.1,0.1-0.1,0.1-0.2l0.1-0.1c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0.1-0.1l0,0 l0.1-0.1c0-0.1,0.1-0.1,0.1-0.2l0,0l0,0l0,0c0.3-0.4,0.6-0.8,0.8-1.2c0.4-0.5-0.1-1.1-0.6-0.9c-1.4,0.6-2.3,1.3-2.5,1.4 c-0.7,0.6-1.8,0.5-2.4-0.3c-0.6-0.7-0.5-1.8,0.3-2.4c0.9-0.7,5.5-4,11-2.5c4,1.1,6,4.2,6.8,5.3c0.6,0.9,2.6,3.7,2.5,7.7 C110.4,63.6,109.2,65.8,106.9,69.7z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M71.1,49.2c-0.3,0.7-0.6,1.5-1,2.4c-0.8,2.1-1.8,4.5-2.3,5.4c-0.8,1.5-1.4,2.5-1.9,3.2c-0.6,0.9-1,1.6-1.4,2.6 c-0.6,1.7-0.7,3.6-0.3,5.7c-1.1-0.1-2.8-0.8-3-1.8c-0.1-0.7,0.3-1.4,1.5-3.5c0.2-0.4,0.5-0.9,0.8-1.3c2.1-3.6,3-6.3,3.6-8.3 c0.7-2.1,1-3,2.1-3.8C69.9,49.5,70.5,49.3,71.1,49.2z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M69,124.8c-1.2,2.4-2.6,4.6-3.5,5.7c-0.8-2-2.1-6.7-1.7-10.4c0-0.1,0-0.2,0-0.3c0.1-1.2,0.4-2.2,1-3.1 c0.4-0.6,1.4-0.9,2.5-0.9c0.8,0,1.7,0.2,2.5,0.6l0,0c0.4,0.2,1,0.7,1,2C71,120.2,70.1,122.6,69,124.8z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M133,98.1c0.1,0.1,0.1,0.2,0.1,0.3c-0.3,0.7-0.8,1.2-1.3,1.8c-0.6,0.7-1.3,1.5-1.9,2.8 c-0.9,1.8-1.2,3.4-1.3,7.6c-0.2,4.9,0,7.6,0.2,9.6c0.1,1.9,0.2,3.1-0.1,5c-0.7,3.8-2.3,6.3-4.4,9.5c-2.6,4-5.2,8.1-9.6,9.4 c-0.4,0.1-0.4,0.1-1.6,0.1c-1,0-2.7,0-5.8,0.1c-5.8,0.2-8.7,0.3-11.1,0.8c-2.6,0.5-3.9,1.1-5.3,1.6c-1.2,0.5-2.3,0.9-4.4,1.4 c-1.3,0.3-3.2,0.5-9.7,0.6c-6.8,0-10.9,0-16.2-0.6c-7.4-0.8-11.1-1.3-13.6-2.6c-5.8-3.1-8.3-8.7-12.3-17.9l0,0 c0-0.1,0.1-0.2,0.2-0.2c0.2,0.1,0.4,0.2,0.6,0.3c0.2,0.1,0.4,0.1,0.5,0.1c0.4,0.1,0.8,0.1,1.2,0c0.1,0,0.1,0,0.2-0.1l0,0 c0.1,0,0.2,0,0.2,0.1c0.3,0.7,0.7,1.3,1.4,1.7s1.5,0.4,2.2,0.4c0.8,0,1.6-0.1,2.4-0.2c0.4,0,0.8,0.2,1,0.5c0.7,1.8,1.6,3,3,3.2 c0.1,0,0.2,0,0.3,0c0.3,0,0.8-0.1,1.4-0.5c0.5-0.4,1.3-0.1,1.7,0.4c0.3,0.5,0.7,0.8,1.1,1.1c1.4,1.4,4.8,2.1,7.6,2.1 c1.5,0,2.9-0.2,3.7-0.6c1.2-0.6,1.2-1.4,1.1-1.8c-0.1-0.6-0.2-1.3-0.3-1.9c0-0.1,0.1-0.1,0.1,0c0.2,0.4,0.4,0.8,0.9,0.9 c0.1,0,0.1,0,0.2,0c0.8,0,2,0.3,2.2,1c0.1,0.4,0.3,0.7,0.5,1.1c0.5,0.7,1.4,1.6,3.3,1.7h0.1c2.2,0,3.9-0.7,5-2.1 c0.1-0.1,0.1-0.2,0.2-0.3c0.4-0.6,1.6-0.6,2.1-0.1c0.6,0.5,1.3,0.8,2.1,0.8c0.1,0,0.3,0,0.4,0c1-0.1,1.8-0.6,2.5-1.5 c0.4-0.6,0.7-1.3,0.9-2.1c0.1-0.2,0.4-0.3,0.6-0.1c0.4,0.4,1.1,0.8,2.1,0.8c0.2,0,0.5,0,0.8-0.1c1.9-0.4,2.9-2,3.3-3.7 c0-0.1,0.1-0.1,0.1,0c0.5,0.6,1.4,1.3,2.9,1.3c0.1,0,0.2,0,0.2,0c0.8,0,1.5-0.4,2-1c0.6-0.8,0.8-2,0.9-3.1c0-0.3,0.2-0.6,0.6-0.8 c1.6-0.7,3.6-2.2,4.2-3.2c0,0,0-0.1,0.1-0.1c0.1-0.3,0.4-0.5,0.6-0.5c1.3-0.2,1.8-0.5,2.3-0.7c0.4-0.2,0.7-0.3,1.7-0.5 c7.3-1.1,8.7-1.4,10.3-2.4c2.4-1.6,2.5-3.8,2.6-5.9c0.1-1.8,0.2-3.8,1.6-6.2c0.5-0.9,1.1-1.9,1.7-3.1c1.1-2,2.6-4.8,3.7-6.3 c0.2-0.3,0.6-0.4,0.9-0.2C130.4,96.7,132.6,97.7,133,98.1z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M62,119.9c-0.3,2.5-0.5,5.9-0.1,10.3c0.1,1.2,0.3,2.5,0.5,3.8c-0.3,0.2-1.4,0.5-3.2,0.4 c-2.6-0.1-5.2-0.7-6-1.6l-0.1-0.1c-0.6-0.5-1.1-0.9-1.1-1.8c0-0.3,0.1-0.6,0.4-1.1c0.2-0.2,0.4-0.5,0.6-0.9c0.4-0.6,1-1.3,1.6-2.3 c1.7-2.8,2.3-3.7,3.1-4.8c0.1-0.1,0.1-0.2,0.2-0.3c0.5-0.6,1-1.4,1.9-2.7c0.6-0.9,1.1-1.7,1.6-2.3c0.7-1,1.2-1.5,1.5-1.8 c0,0.4-0.1,1-0.2,1.6C62.3,117.5,62.1,118.6,62,119.9z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M60.7,80.5C60.7,80.6,60.7,80.6,60.7,80.5c-0.4,0.5-0.8,1.1-1.3,2.1c-1.3,2.8-1.3,4.4-1.3,5.7 c0,0.7,0,1.2-0.2,1.8c-0.1,0.4-0.3,0.9-0.6,1.4c-0.7,1.7-1.7,3.9-1.3,6.9c-0.6-0.3-1.5-1-1.7-1.3c0-0.2-0.1-0.3-0.1-0.5 c-0.2-0.9-0.3-1.5,0.2-2.9c1.6-3.6,1.8-4.5,1.9-5.5c0-0.2,0.1-0.4,0.1-0.7c0.3-1.4,0.5-2.6,0.6-3.6c0.2-1.5,0.4-2.5,0.9-3.2 c0.2-0.3,0.7-0.4,1.4-0.4c0.3,0,0.6,0,1,0.1h0.1C60.7,80.5,60.7,80.5,60.7,80.5z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M58.7,116.2c-0.1-0.9-0.2-1.7-0.6-2.6c0,0-0.1-0.2-0.1-0.3c-0.1-0.1-0.1-0.2-0.2-0.3l0,0l0,0l-0.1-0.1 c-0.1-0.1-0.1-0.1-0.2-0.1l0,0l-0.1-0.1c-0.1,0-0.1-0.1-0.2-0.1h-0.1l0,0l0,0l0,0l0,0l0,0l0,0c-0.5-0.2-1-0.4-1.6-0.5l0,0l0,0 c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0H55l0,0l0,0l0,0l0,0c-0.1,0-0.2,0.1-0.4,0.1c-0.1,0-0.1,0.1-0.2,0.1l-0.1,0.1l0,0l0,0 c-0.1,0.1-0.1,0.1-0.2,0.2l-0.1,0.1l0,0l0,0l0,0l0,0v0.1c-0.2,0.3-0.4,0.6-0.6,0.9c-0.5,0.7-1,1.5-1.5,2.2s-0.9,1.3-1.4,2 c-0.3,0.4-0.5,0.7-0.8,1.1c0,0.1-0.1,0.1-0.1,0.2c0.3,0.1,0.6,0.1,0.9,0.2c0.7,0.1,1.4,0.2,2,0.3c1.4,0.2,2.9,0.3,4.3,0.2 c0.1,0,0.1,0,0.2,0c0.3-0.5,0.8-1.1,1.3-1.9c0.3-0.4,0.6-0.8,0.8-1.2C58.8,116.7,58.7,116.4,58.7,116.2z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M53.6,122.1c-0.1,1.1-1.3,3.9-3.2,6.6c-1.6,2.2-2.6,2.8-2.8,2.8c-0.8-0.1-1.5-2-2.1-3.9 c-0.2-0.8-0.5-1.5-0.6-2.2c-0.4-1.4-0.5-3.4-0.4-4.6c1.6,0.9,4.4,1.1,8.4,1.1l0,0C53.1,122,53.4,122,53.6,122.1z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M50.8,113.1L50.8,113.1L50.8,113.1c-0.7,1.1-1.4,2.1-2.1,3.1c-0.4,0.5-0.7,1-1.1,1.5c-0.2,0.3-0.5,0.6-0.7,0.9 c-0.6-0.1-1.1-0.3-1.7-0.4c-0.5-0.1-0.9-0.3-1.4-0.5c-0.1,0-0.2-0.1-0.3-0.1c-0.1-0.1-0.2-0.3-0.3-0.4l0,0c0.2-0.3,0.3-0.7,0.5-1 c0.3-0.6,0.6-1.2,1-1.8c0.6-1,1.3-2.1,2.4-2.8c0.1,0,0.1-0.1,0.2-0.1c0.4-0.2,0.8-0.4,1.3-0.5c0.1,0,0.4,0,0.6,0h0.1l0,0 c0,0,0,0,0.1,0s0.2,0.1,0.4,0.1c0,0,0.1,0,0.1,0.1c0.1,0.1,0.2,0.1,0.3,0.2c-0.2-0.1,0.2,0.3,0.2,0.2 C50.6,112.2,50.7,112.5,50.8,113.1z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M45.4,110.2c-1.3,1-2.2,2.4-2.9,3.9c-0.4,0.8-0.8,1.6-1.2,2.4c0,0.1-0.1,0.2-0.1,0.2c-0.4-0.1-0.8-0.2-1.1-0.3 c-0.4-0.1-0.8-0.3-1.2-0.4c-0.2-0.1-0.3-0.2-0.5-0.3c0.4-0.7,0.8-1.4,1.3-2.1c0.6-0.9,1.3-1.9,2-2.7c0.3-0.3,0.6-0.7,0.9-0.9 c0.4-0.2,0.8-0.2,1.3-0.1c0.5,0,1,0,1.4,0.2C45.2,110.1,45.3,110.2,45.4,110.2z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M43.4,127.2c-0.1,0.1-0.1,0.1-0.2,0.2h-0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.6,0-1.2,0.1-1.8,0 c-0.3,0-0.6-0.1-0.8-0.3c-0.2-0.3-0.3-0.9-0.4-1.3c-0.4-2.2-0.4-4.4-0.2-6.6c1.1,0.4,2.3,0.7,3.5,0.9c-0.3,2,0.2,4.9,0.4,5.7 C43.2,126.3,43.3,126.8,43.4,127.2z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M39.8,109.5c-1,1.2-1.9,2.5-2.7,3.9c-0.3,0.5-0.7,1.1-1,1.7c-0.4-0.1-0.8-0.3-1.1-0.5s-0.6-0.4-0.8-0.6 c-0.1-0.1-0.3-0.2-0.4-0.3c0,0-0.1,0-0.1-0.1c0.1-0.3,0.3-0.5,0.3-0.7c0.2-0.5,0.4-0.9,0.7-1.3c0.5-0.8,1-1.6,1.6-2.4 c0.2-0.3,0.4-0.6,0.8-0.7c0.3-0.1,0.7,0,1,0C38.7,108.6,39.3,109,39.8,109.5z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M32.1,114.8C32.1,114.7,32.2,114.7,32.1,114.8c0.4,0.4,0.7,0.7,1.1,1c0.2,0.1,0.3,0.3,0.5,0.4c0,0,0,0,0,0.1 c-0.4,1.7-0.7,3.5-0.7,5.3c0,0.1-0.1,0.1-0.1,0C32.4,119.5,31.8,116.1,32.1,114.8z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
       <path
         d="M37,118.5c-0.2,1.5-0.3,3-0.2,4.5c0,0.8,0.1,1.6,0.2,2.5l0,0l0,0c-0.2,0-0.4,0-0.6,0h-0.1l0,0h-0.1 c-0.2-0.1-0.2-0.1-0.4-0.2s-0.4-0.4-0.6-0.7c-0.4-0.7-0.5-1.5-0.5-2.3c-0.1-1.5,0.1-3.1,0.4-4.6c0.2,0.1,0.5,0.2,0.8,0.3 C36.3,118.2,36.6,118.4,37,118.5L37,118.5L37,118.5z"
-        style="fill: #FFFFFF;"
+        fill=" #FFFFFF"
       />
     </g>
     <g>
@@ -57587,16 +57689,16 @@ exports[`Test Icons > should render all icons 575`] = `
         id="ant-web3-icon-ape-circle-colorful-SVGID_00000112632825680152813190000016325904004000894366_"
       >
         <use
-          style="overflow: visible;"
+          overflow="visible"
           xlink:href="#ant-web3-icon-ape-circle-colorful-SVGID_00000128454529727717975320000012486895950618847389_"
         />
       </clippath>
       <g
+        clip-path="url(#ant-web3-icon-ape-circle-colorful-SVGID_00000112632825680152813190000016325904004000894366_)"
         id="ant-web3-icon-ape-circle-colorful-Layer_2_00000107572151008996527030000016290061794924690866_"
-        style="clip-path: url(#ant-web3-icon-ape-circle-colorful-SVGID_00000112632825680152813190000016325904004000894366_);"
       >
         <g
-          style="opacity: 0.8;"
+          opacity="0.8"
         >
           <lineargradient
             gradientTransform="matrix(1 0 0 1 0 -656)"
@@ -57609,19 +57711,19 @@ exports[`Test Icons > should render all icons 575`] = `
           >
             <stop
               offset="0.2057"
-              style="stop-color: rgb(137, 208, 255);"
+              stop-color="#89D0FF"
             />
             <stop
               offset="0.3984"
-              style="stop-color: rgb(235, 191, 154);"
+              stop-color="#EBBF9A"
             />
             <stop
               offset="0.6015"
-              style="stop-color: rgb(235, 130, 128);"
+              stop-color="#EB8280"
             />
             <stop
               offset="0.8411"
-              style="stop-color: rgb(162, 129, 255);"
+              stop-color="#A281FF"
             />
           </lineargradient>
           <path
@@ -57639,19 +57741,19 @@ exports[`Test Icons > should render all icons 575`] = `
           >
             <stop
               offset="0.2057"
-              style="stop-color: rgb(137, 208, 255);"
+              stop-color="#89D0FF"
             />
             <stop
               offset="0.3984"
-              style="stop-color: rgb(235, 191, 154);"
+              stop-color="#EBBF9A"
             />
             <stop
               offset="0.6015"
-              style="stop-color: rgb(235, 128, 218);"
+              stop-color="#EB80DA"
             />
             <stop
               offset="0.8411"
-              style="stop-color: rgb(162, 129, 255);"
+              stop-color="#A281FF"
             />
           </lineargradient>
           <path
@@ -57669,19 +57771,19 @@ exports[`Test Icons > should render all icons 575`] = `
           >
             <stop
               offset="0.2057"
-              style="stop-color: rgb(137, 208, 255);"
+              stop-color="#89D0FF"
             />
             <stop
               offset="0.3984"
-              style="stop-color: rgb(235, 191, 154);"
+              stop-color="#EBBF9A"
             />
             <stop
               offset="0.6015"
-              style="stop-color: rgb(235, 130, 128);"
+              stop-color="#EB8280"
             />
             <stop
               offset="0.8411"
-              style="stop-color: rgb(162, 129, 255);"
+              stop-color="#A281FF"
             />
           </lineargradient>
           <path
@@ -57699,19 +57801,19 @@ exports[`Test Icons > should render all icons 575`] = `
           >
             <stop
               offset="0.2057"
-              style="stop-color: rgb(137, 208, 255);"
+              stop-color="#89D0FF"
             />
             <stop
               offset="0.3984"
-              style="stop-color: rgb(235, 191, 154);"
+              stop-color="#EBBF9A"
             />
             <stop
               offset="0.6015"
-              style="stop-color: rgb(235, 128, 231);"
+              stop-color="#EB80E7"
             />
             <stop
               offset="0.8411"
-              style="stop-color: rgb(162, 129, 255);"
+              stop-color="#A281FF"
             />
           </lineargradient>
           <path
@@ -57729,19 +57831,19 @@ exports[`Test Icons > should render all icons 575`] = `
           >
             <stop
               offset="0.2057"
-              style="stop-color: rgb(137, 208, 255);"
+              stop-color="#89D0FF"
             />
             <stop
               offset="0.3984"
-              style="stop-color: rgb(235, 191, 154);"
+              stop-color="#EBBF9A"
             />
             <stop
               offset="0.6015"
-              style="stop-color: rgb(235, 128, 211);"
+              stop-color="#EB80D3"
             />
             <stop
               offset="0.8411"
-              style="stop-color: rgb(162, 129, 255);"
+              stop-color="#A281FF"
             />
           </lineargradient>
           <path
@@ -57759,19 +57861,19 @@ exports[`Test Icons > should render all icons 575`] = `
           >
             <stop
               offset="0.2057"
-              style="stop-color: rgb(137, 208, 255);"
+              stop-color="#89D0FF"
             />
             <stop
               offset="0.3984"
-              style="stop-color: rgb(235, 191, 154);"
+              stop-color="#EBBF9A"
             />
             <stop
               offset="0.6015"
-              style="stop-color: rgb(162, 128, 235);"
+              stop-color="#A280EB"
             />
             <stop
               offset="0.8411"
-              style="stop-color: rgb(162, 129, 255);"
+              stop-color="#A281FF"
             />
           </lineargradient>
           <path
@@ -57909,6 +58011,7 @@ exports[`Test Icons > should render all icons 577`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 43.3 43"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -57932,16 +58035,18 @@ exports[`Test Icons > should render all icons 577`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(95, 107, 251);"
+        stop-color="#5F6BFB"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(114, 77, 228);"
+        stop-color="#724DE4"
       />
     </lineargradient>
     <path
+      clip-rule="evenodd"
       d="M29.4,0H13.9C6.2,0,0,6.1,0,13.8v15.4C0,36.9,6.2,43,13.9,43h15.5c7.7,0,13.9-6.1,13.9-13.8V13.8 C43.3,6.1,37.1,0,29.4,0L29.4,0z"
-      style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-any-colorful-SVGID_1_);"
+      fill="url(#ant-web3-icon-any-colorful-SVGID_1_)"
+      fill-rule="evenodd"
     />
     <path
       d="M10,19.3c-1.4,1.4-2,3.4-1.5,5.3s1.9,3.3,3.8,3.8c1.9,0.5,3.9-0.1,5.3-1.5l9.4-9.3c1.3-1.3,3.5-1.3,4.7-0.1 s1.3,3.4-0.1,4.7l-3,3L27,23.5l-1.2,6.1l6.1-1.2l-1.7-1.7l3-3c1.4-1.4,2-3.4,1.5-5.3c-0.5-1.9-1.9-3.3-3.8-3.8 c-1.9-0.5-3.9,0.1-5.3,1.5l-9.4,9.3c-1.3,1.3-3.5,1.3-4.7,0.1s-1.3-3.4,0.1-4.7l2.8-2.8l1.7,1.7l1.2-6.1l-6.1,1.2l1.7,1.7L10,19.3 L10,19.3z"
@@ -58102,6 +58207,7 @@ exports[`Test Icons > should render all icons 582`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 32 32"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -58125,16 +58231,16 @@ exports[`Test Icons > should render all icons 582`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(16, 32, 84);"
+        stop-color="#102054"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(26, 69, 184);"
+        stop-color="#1A45B8"
       />
     </lineargradient>
     <path
       d="M16,32c8.8,0,16-7.2,16-16c0-8.8-7.2-16-16-16C7.2,0,0,7.2,0,16C0,24.8,7.2,32,16,32z"
-      style="fill: url(#ant-web3-icon-alpha-circle-colorful-SVGID_1_);"
+      fill="url(#ant-web3-icon-alpha-circle-colorful-SVGID_1_)"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 -1 0 31.8898)"
@@ -58147,7 +58253,7 @@ exports[`Test Icons > should render all icons 582`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
       <stop
         offset="1"
@@ -58156,7 +58262,7 @@ exports[`Test Icons > should render all icons 582`] = `
     </lineargradient>
     <path
       d="M16,6.3L16,6.3l0,6.3l1.1,2.9l-1.1-1v3.1 c0,0,0,0,0,0c1.8,2.3,4.1,4.2,6.8,5.6L16,6.3z"
-      style="fill: url(#ant-web3-icon-alpha-circle-colorful-SVGID_00000096058368237691924490000014967775144578626492_);"
+      fill="url(#ant-web3-icon-alpha-circle-colorful-SVGID_00000096058368237691924490000014967775144578626492_)"
     />
     <lineargradient
       gradientTransform="matrix(1 0 0 -1 0 31.8898)"
@@ -58169,7 +58275,7 @@ exports[`Test Icons > should render all icons 582`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(255, 255, 255);"
+        stop-color="#FFFFFF"
       />
       <stop
         offset="1"
@@ -58178,11 +58284,11 @@ exports[`Test Icons > should render all icons 582`] = `
     </lineargradient>
     <path
       d="M16,6.3L16,6.3l0,6.3l-1.1,2.9l1.1-1v3.1 c0,0,0,0,0,0c-1.8,2.3-4.1,4.2-6.8,5.6L16,6.3z"
-      style="fill: url(#ant-web3-icon-alpha-circle-colorful-SVGID_00000075122595547183323890000007325543699459544245_);"
+      fill="url(#ant-web3-icon-alpha-circle-colorful-SVGID_00000075122595547183323890000007325543699459544245_)"
     />
     <path
       d="M16,21.5c0.9,0,1.5-0.7,1.5-1.5c0-0.9-0.7-1.5-1.5-1.5c-0.9,0-1.5,0.7-1.5,1.5 C14.5,20.8,15.1,21.5,16,21.5z"
-      style="fill: #F5CC02;"
+      fill="#F5CC02"
     />
   </svg>
 </span>
@@ -58290,6 +58396,7 @@ exports[`Test Icons > should render all icons 585`] = `
   <svg
     aria-hidden="true"
     class=""
+    enable-background="new 0 0 148.4 164.3"
     fill="currentColor"
     focusable="false"
     height="1em"
@@ -58316,16 +58423,16 @@ exports[`Test Icons > should render all icons 585`] = `
     >
       <stop
         offset="0"
-        style="stop-color: rgb(225, 104, 253);"
+        stop-color="#E168FD"
       />
       <stop
         offset="1"
-        style="stop-color: rgb(123, 0, 252);"
+        stop-color="#7B00FC"
       />
     </lineargradient>
     <path
       d="M74.2,164.3c-4,0-8-1.1-11.5-3.1l-51.1-29.5C4.4,127.5,0,119.9,0,111.6v-59c0-8.2,4.4-15.9,11.5-20L62.7,3.1 C69.8-1,78.6-1,85.8,3.1l51.1,29.5c7.1,4.1,11.5,11.8,11.5,20v59.1c0,8.2-4.4,15.9-11.5,20l-51.1,29.5 C82.2,163.2,78.3,164.3,74.2,164.3z M74.2,8c-2.6,0-5.2,0.7-7.5,2L15.5,39.6c-4.7,2.7-7.5,7.7-7.5,13v59.1c0,5.4,2.9,10.3,7.5,13 l51.1,29.6c4.7,2.7,10.4,2.7,15.1,0l51.1-29.5c4.6-2.7,7.5-7.6,7.5-13V52.6c0-5.4-2.9-10.4-7.5-13L81.8,10C79.5,8.7,76.9,8,74.2,8z  M74.2,137.5c-2.2,0-4.3-0.6-6.2-1.7l-37.2-21.4c-3.8-2.2-6.2-6.3-6.2-10.8V60.7c0-4.4,2.3-8.5,6.2-10.8L68,28.5 c3.9-2.2,8.6-2.2,12.4,0l37.1,21.4c3.8,2.2,6.2,6.3,6.2,10.8v42.9c0,4.4-2.4,8.6-6.2,10.8l-37.2,21.4 C78.5,136.9,76.4,137.5,74.2,137.5L74.2,137.5z M74.2,32.8c-1.1,0-2.2,0.3-3.2,0.9L33.8,55.1c-2,1.2-3.2,3.3-3.2,5.6v42.9 c0,2.3,1.2,4.4,3.2,5.6L71,130.6c2,1.2,4.4,1.2,6.4,0l37.1-21.4c2-1.2,3.2-3.3,3.2-5.6V60.7c0-2.3-1.2-4.4-3.2-5.6L77.4,33.7 C76.5,33.1,75.4,32.8,74.2,32.8L74.2,32.8z M74.2,110.3c-1.1,0-2.2-0.3-3.2-0.8L52.2,98.5c-2-1.1-3.2-3.3-3.2-5.5V71.2 c0-2.3,1.2-4.4,3.2-5.5L71,54.8c2-1.1,4.4-1.1,6.4,0l18.8,10.9c2,1.1,3.2,3.2,3.2,5.5V93c0,2.3-1.2,4.4-3.2,5.5l-18.8,10.9 C76.4,110,75.3,110.3,74.2,110.3L74.2,110.3z M74.2,58c-0.4,0-0.8,0.1-1.2,0.3L54.2,69.2c-0.7,0.4-1.2,1.2-1.2,2V93 c0,0.8,0.5,1.6,1.2,2.1L73,106c0.7,0.4,1.6,0.4,2.4,0l18.8-10.9c0.7-0.4,1.2-1.3,1.2-2.1V71.2c0-0.8-0.5-1.6-1.2-2L75.4,58.3 C75,58.1,74.6,58,74.2,58L74.2,58z"
-      style="fill: url(#ant-web3-icon-akro-colorful-SVGID_1_);"
+      fill=" url(#ant-web3-icon-akro-colorful-SVGID_1_)"
     />
   </svg>
 </span>
@@ -58955,15 +59062,6 @@ exports[`Test Icons > should render all icons 598`] = `
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
   >
-    <style
-      type="text/css"
-    >
-      
-	.st0{clip-path:url(#ant-web3-icon-aave-circle-colorful-2);}
-	.st1{fill:url(#ant-web3-icon-aave-circle-colorful-3);}
-	.st2{fill:#FFFFFF;}
-
-    </style>
     <g>
       <defs>
         <rect
@@ -58981,7 +59079,7 @@ exports[`Test Icons > should render all icons 598`] = `
         />
       </clippath>
       <g
-        class="st0"
+        clip-path="url(#ant-web3-icon-aave-circle-colorful-2)"
       >
         <lineargradient
           gradientTransform="matrix(776 0 0 -776 464237 699089)"
@@ -59002,14 +59100,14 @@ exports[`Test Icons > should render all icons 598`] = `
           />
         </lineargradient>
         <circle
-          class="st1"
           cx="400"
           cy="400"
+          fill="url(#ant-web3-icon-aave-circle-colorful-3)"
           r="388"
         />
         <path
-          class="st2"
           d="M569.8,554.6L438.6,237.4c-7.4-16.4-18.4-24.4-32.9-24.4h-11.6c-14.5,0-25.5,8-32.9,24.4l-57.1,138.2h-43.2 c-12.9,0.1-23.4,10.5-23.5,23.5v0.3c0.1,12.9,10.6,23.4,23.5,23.5h23.2l-54.5,131.7c-1,2.9-1.6,5.9-1.6,9c0,7.4,2.3,13.2,6.4,17.7 s10,6.7,17.4,6.7c4.9-0.1,9.6-1.6,13.5-4.5c4.2-2.9,7.1-7.1,9.4-11.9l60-148.8h41.6c12.9-0.1,23.4-10.5,23.5-23.5v-0.6 c-0.1-12.9-10.6-23.4-23.5-23.5h-22.2l45.8-114.1l124.8,310.4c2.3,4.8,5.2,9,9.4,11.9c3.9,2.9,8.7,4.4,13.5,4.5 c7.4,0,13.2-2.2,17.4-6.7c4.2-4.5,6.4-10.3,6.4-17.7C571.5,560.5,571,557.4,569.8,554.6z"
+          fill="#FFFFFF"
         />
       </g>
     </g>
diff --git a/packages/icons/src/components/safeheron-colorful.tsx b/packages/icons/src/components/safeheron-colorful.tsx
index ae02104f0..c563fdd38 100644
--- a/packages/icons/src/components/safeheron-colorful.tsx
+++ b/packages/icons/src/components/safeheron-colorful.tsx
@@ -18,4 +18,5 @@ export const SafeheronColorful = React.forwardRef<HTMLSpanElement, IconBaseProps
     />
   );
 });
+
 SafeheronColorful.displayName = 'SafeheronColorful';
diff --git a/packages/icons/src/svgs/aave-circle-colorful.svg b/packages/icons/src/svgs/aave-circle-colorful.svg
index 1c2162217..d8c0b4fc6 100644
--- a/packages/icons/src/svgs/aave-circle-colorful.svg
+++ b/packages/icons/src/svgs/aave-circle-colorful.svg
@@ -1,10 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 800">
-<style type="text/css">
-	.st0{clip-path:url(#ant-web3-icon-aave-circle-colorful-2);}
-	.st1{fill:url(#ant-web3-icon-aave-circle-colorful-3);}
-	.st2{fill:#FFFFFF;}
-</style>
 <g>
 	<defs>
 		<rect id="ant-web3-icon-aave-circle-colorful-1" width="800" height="800"/>
@@ -12,13 +7,13 @@
 	<clipPath id="ant-web3-icon-aave-circle-colorful-2">
 		<use xlink:href="#ant-web3-icon-aave-circle-colorful-1"  style="overflow:visible;"/>
 	</clipPath>
-	<g class="st0">
+	<g clip-path="url(#ant-web3-icon-aave-circle-colorful-2)">
 			<linearGradient id="ant-web3-icon-aave-circle-colorful-3" gradientUnits="userSpaceOnUse" x1="-597.3553" y1="900.6861" x2="-598.0993" y2="900.0601" gradientTransform="matrix(776 0 0 -776 464237 699089)">
 			<stop  offset="0" style="stop-color:#B6509E"/>
 			<stop  offset="1" style="stop-color:#2EBAC6"/>
 		</linearGradient>
-		<circle class="st1" cx="400" cy="400" r="388"/>
-		<path class="st2" d="M569.8,554.6L438.6,237.4c-7.4-16.4-18.4-24.4-32.9-24.4h-11.6c-14.5,0-25.5,8-32.9,24.4l-57.1,138.2h-43.2
+		<circle fill="url(#ant-web3-icon-aave-circle-colorful-3)" cx="400" cy="400" r="388"/>
+		<path fill="#FFFFFF" d="M569.8,554.6L438.6,237.4c-7.4-16.4-18.4-24.4-32.9-24.4h-11.6c-14.5,0-25.5,8-32.9,24.4l-57.1,138.2h-43.2
 			c-12.9,0.1-23.4,10.5-23.5,23.5v0.3c0.1,12.9,10.6,23.4,23.5,23.5h23.2l-54.5,131.7c-1,2.9-1.6,5.9-1.6,9c0,7.4,2.3,13.2,6.4,17.7
 			s10,6.7,17.4,6.7c4.9-0.1,9.6-1.6,13.5-4.5c4.2-2.9,7.1-7.1,9.4-11.9l60-148.8h41.6c12.9-0.1,23.4-10.5,23.5-23.5v-0.6
 			c-0.1-12.9-10.6-23.4-23.5-23.5h-22.2l45.8-114.1l124.8,310.4c2.3,4.8,5.2,9,9.4,11.9c3.9,2.9,8.7,4.4,13.5,4.5
diff --git a/packages/icons/src/svgs/akro-colorful.svg b/packages/icons/src/svgs/akro-colorful.svg
index 482147a31..64b69c8e8 100644
--- a/packages/icons/src/svgs/akro-colorful.svg
+++ b/packages/icons/src/svgs/akro-colorful.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-akro-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 148.4 164.3" style="enable-background:new 0 0 148.4 164.3;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-akro-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 148.4 164.3" enable-background="new 0 0 148.4 164.3" xml:space="preserve">
 
 <title>akropolis logo portrait color</title>
 <linearGradient id="ant-web3-icon-akro-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="137.8839" x2="148.44" y2="137.8839" gradientTransform="matrix(1 0 0 -1 0 220.0119)">
-	<stop offset="0" style="stop-color:#E168FD"/>
-	<stop offset="1" style="stop-color:#7B00FC"/>
+	<stop offset="0" stop-color="#E168FD"/>
+	<stop offset="1" stop-color="#7B00FC"/>
 </linearGradient>
 <path d="M74.2,164.3c-4,0-8-1.1-11.5-3.1l-51.1-29.5C4.4,127.5,0,119.9,0,111.6v-59c0-8.2,4.4-15.9,11.5-20L62.7,3.1
 	C69.8-1,78.6-1,85.8,3.1l51.1,29.5c7.1,4.1,11.5,11.8,11.5,20v59.1c0,8.2-4.4,15.9-11.5,20l-51.1,29.5
@@ -19,5 +19,5 @@
 	c0-2.3,1.2-4.4,3.2-5.5L71,54.8c2-1.1,4.4-1.1,6.4,0l18.8,10.9c2,1.1,3.2,3.2,3.2,5.5V93c0,2.3-1.2,4.4-3.2,5.5l-18.8,10.9
 	C76.4,110,75.3,110.3,74.2,110.3L74.2,110.3z M74.2,58c-0.4,0-0.8,0.1-1.2,0.3L54.2,69.2c-0.7,0.4-1.2,1.2-1.2,2V93
 	c0,0.8,0.5,1.6,1.2,2.1L73,106c0.7,0.4,1.6,0.4,2.4,0l18.8-10.9c0.7-0.4,1.2-1.3,1.2-2.1V71.2c0-0.8-0.5-1.6-1.2-2L75.4,58.3
-	C75,58.1,74.6,58,74.2,58L74.2,58z" style="fill: url(#ant-web3-icon-akro-colorful-SVGID_1_);"/>
+	C75,58.1,74.6,58,74.2,58L74.2,58z" fill=" url(#ant-web3-icon-akro-colorful-SVGID_1_)"/>
 </svg>
diff --git a/packages/icons/src/svgs/alpha-circle-colorful.svg b/packages/icons/src/svgs/alpha-circle-colorful.svg
index 4f9d43869..fb4dac964 100644
--- a/packages/icons/src/svgs/alpha-circle-colorful.svg
+++ b/packages/icons/src/svgs/alpha-circle-colorful.svg
@@ -1,23 +1,23 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-alpha-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-alpha-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
 <linearGradient id="ant-web3-icon-alpha-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="4.6863" y1="4.5761" x2="27.3137" y2="27.2036" gradientTransform="matrix(1 0 0 -1 0 31.8898)">
-	<stop offset="0" style="stop-color:#102054"/>
-	<stop offset="1" style="stop-color:#1A45B8"/>
+	<stop offset="0" stop-color="#102054"/>
+	<stop offset="1" stop-color="#1A45B8"/>
 </linearGradient>
-<path style="fill:url(#ant-web3-icon-alpha-circle-colorful-SVGID_1_);" d="M16,32c8.8,0,16-7.2,16-16c0-8.8-7.2-16-16-16C7.2,0,0,7.2,0,16C0,24.8,7.2,32,16,32z"/>
+<path fill="url(#ant-web3-icon-alpha-circle-colorful-SVGID_1_)" d="M16,32c8.8,0,16-7.2,16-16c0-8.8-7.2-16-16-16C7.2,0,0,7.2,0,16C0,24.8,7.2,32,16,32z"/>
 <linearGradient id="ant-web3-icon-alpha-circle-colorful-SVGID_00000096058368237691924490000014967775144578626492_" gradientUnits="userSpaceOnUse" x1="19.3922" y1="25.6148" x2="19.3922" y2="8.421" gradientTransform="matrix(1 0 0 -1 0 31.8898)">
-	<stop offset="0" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#FFFFFF"/>
 	<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.6"/>
 </linearGradient>
-<path style="fill:url(#ant-web3-icon-alpha-circle-colorful-SVGID_00000096058368237691924490000014967775144578626492_);" d="M16,6.3L16,6.3l0,6.3l1.1,2.9l-1.1-1v3.1
+<path fill="url(#ant-web3-icon-alpha-circle-colorful-SVGID_00000096058368237691924490000014967775144578626492_)" d="M16,6.3L16,6.3l0,6.3l1.1,2.9l-1.1-1v3.1
 	c0,0,0,0,0,0c1.8,2.3,4.1,4.2,6.8,5.6L16,6.3z"/>
 <linearGradient id="ant-web3-icon-alpha-circle-colorful-SVGID_00000075122595547183323890000007325543699459544245_" gradientUnits="userSpaceOnUse" x1="12.608" y1="8.5408" x2="12.608" y2="25.4145" gradientTransform="matrix(1 0 0 -1 0 31.8898)">
-	<stop offset="0" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#FFFFFF"/>
 	<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.6"/>
 </linearGradient>
-<path style="fill:url(#ant-web3-icon-alpha-circle-colorful-SVGID_00000075122595547183323890000007325543699459544245_);" d="M16,6.3L16,6.3l0,6.3l-1.1,2.9l1.1-1v3.1
+<path fill="url(#ant-web3-icon-alpha-circle-colorful-SVGID_00000075122595547183323890000007325543699459544245_)" d="M16,6.3L16,6.3l0,6.3l-1.1,2.9l1.1-1v3.1
 	c0,0,0,0,0,0c-1.8,2.3-4.1,4.2-6.8,5.6L16,6.3z"/>
-<path style="fill:#F5CC02;" d="M16,21.5c0.9,0,1.5-0.7,1.5-1.5c0-0.9-0.7-1.5-1.5-1.5c-0.9,0-1.5,0.7-1.5,1.5
+<path fill="#F5CC02" d="M16,21.5c0.9,0,1.5-0.7,1.5-1.5c0-0.9-0.7-1.5-1.5-1.5c-0.9,0-1.5,0.7-1.5,1.5
 	C14.5,20.8,15.1,21.5,16,21.5z"/>
 </svg>
diff --git a/packages/icons/src/svgs/any-colorful.svg b/packages/icons/src/svgs/any-colorful.svg
index f55533fff..e01dbbecc 100644
--- a/packages/icons/src/svgs/any-colorful.svg
+++ b/packages/icons/src/svgs/any-colorful.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-any-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43.3 43" style="enable-background:new 0 0 43.3 43;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-any-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43.3 43" enable-background="new 0 0 43.3 43" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-any-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="-230.5231" y1="433.6045" x2="-231.5231" y2="432.617" gradientTransform="matrix(43.273 0 0 -43 10018.7012 18645.2637)">
-	<stop offset="0" style="stop-color:#5F6BFB"/>
-	<stop offset="1" style="stop-color:#724DE4"/>
+	<stop offset="0" stop-color="#5F6BFB"/>
+	<stop offset="1" stop-color="#724DE4"/>
 </linearGradient>
 <path d="M29.4,0H13.9C6.2,0,0,6.1,0,13.8v15.4C0,36.9,6.2,43,13.9,43h15.5c7.7,0,13.9-6.1,13.9-13.8V13.8
-	C43.3,6.1,37.1,0,29.4,0L29.4,0z" style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-any-colorful-SVGID_1_);"/>
+	C43.3,6.1,37.1,0,29.4,0L29.4,0z"  fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-any-colorful-SVGID_1_)"/>
 <path d="M10,19.3c-1.4,1.4-2,3.4-1.5,5.3s1.9,3.3,3.8,3.8c1.9,0.5,3.9-0.1,5.3-1.5l9.4-9.3c1.3-1.3,3.5-1.3,4.7-0.1
 	s1.3,3.4-0.1,4.7l-3,3L27,23.5l-1.2,6.1l6.1-1.2l-1.7-1.7l3-3c1.4-1.4,2-3.4,1.5-5.3c-0.5-1.9-1.9-3.3-3.8-3.8
 	c-1.9-0.5-3.9,0.1-5.3,1.5l-9.4,9.3c-1.3,1.3-3.5,1.3-4.7,0.1s-1.3-3.4,0.1-4.7l2.8-2.8l1.7,1.7l1.2-6.1l-6.1,1.2l1.7,1.7L10,19.3
diff --git a/packages/icons/src/svgs/ape-circle-colorful.svg b/packages/icons/src/svgs/ape-circle-colorful.svg
index ae145176d..7a90a420d 100644
--- a/packages/icons/src/svgs/ape-circle-colorful.svg
+++ b/packages/icons/src/svgs/ape-circle-colorful.svg
@@ -1,43 +1,43 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-ape-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 185.6 185.6" style="enable-background:new 0 0 185.6 185.6;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-ape-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 185.6 185.6" enable-background="new 0 0 185.6 185.6" xml:space="preserve">
 
 <g id="ant-web3-icon-ape-circle-colorful-Layer_3">
 	
 		<radialGradient id="ant-web3-icon-ape-circle-colorful-SVGID_1_" cx="-109.7066" cy="-1.1131" r="1.0001" gradientTransform="matrix(6.382553e-15 104.235 -104.235 6.382553e-15 -23.2204 11537.7627)" gradientUnits="userSpaceOnUse">
-		<stop offset="0.1667" style="stop-color:#073183"/>
-		<stop offset="1" style="stop-color:#0054F9"/>
+		<stop offset="0.1667" stop-color="#073183"/>
+		<stop offset="1" stop-color="#0054F9"/>
 	</radialGradient>
 	<path d="M185.6,92.8C185.6,41.5,144,0,92.8,0C41.5,0,0,41.5,0,92.8c0,51.2,41.5,92.8,92.8,92.8
-		C144,185.6,185.6,144,185.6,92.8z" style="fill: url(#ant-web3-icon-ape-circle-colorful-SVGID_1_);"/>
+		C144,185.6,185.6,144,185.6,92.8z" fill=" url(#ant-web3-icon-ape-circle-colorful-SVGID_1_)"/>
 </g>
 <g id="ant-web3-icon-ape-circle-colorful-Layer_1_00000019678216197568292700000009484231850298271916_">
 	<path d="M155.9,63.8c-0.4,2.3-0.8,3.4-1.4,4.6l0,0c-0.6,1.4-1.2,2.9-1.8,6.1c-0.2,1.2-0.4,2.2-0.5,3v0.1l0,0
 		c-0.2,1.3-0.3,2.2-0.8,3.7c-0.4,1.3-1.1,3.4-2.8,5.6c-1.4,1.8-3.7,4.9-6.8,5.3c-0.3,0-0.8,0-1.1-0.1c-8.8-4.5-16.3-7.8-18.9-8.5
 		c-3-0.9-2.6-7.5-2.3-13.3c0.2-2.6,0.3-5.1,0.2-7.2c-0.4-7.4-1.7-15.4-8.1-19.3c-3.8-2.3-8.8-3-13.5-3c0.9-0.4,1.8-1,2.9-1.6l0,0
 		c2.8-1.6,6.2-3.6,9.7-4c1.1-0.1,2.2-0.2,3.3-0.4c6.9-0.8,12.9-1.5,19.2,0.7c2.9,1,8.7,4.2,10.2,7.3c1.1,2.1,2.9,3.8,6.4,7.1
-		c1.9,1.7,3.1,2.7,4,3.5l0,0c1.3,1,1.5,1.3,1.9,2C156.9,57.8,156.5,60.3,155.9,63.8z" style="fill: #FFFFFF;"/>
+		c1.9,1.7,3.1,2.7,4,3.5l0,0c1.3,1,1.5,1.3,1.9,2C156.9,57.8,156.5,60.3,155.9,63.8z" fill=" #FFFFFF"/>
 	<path d="M124,94.1c0.4,0.1,0.6,0.6,0.3,1c-0.9,1.4-2,3.4-3.3,5.7c-0.6,1.1-1.2,2.2-1.7,3c-1.7,2.9-1.8,5.4-1.9,7.3
 		c-0.1,2.1-0.2,3-1.5,3.8c-1,0.7-2.1,0.9-9.3,2c-1.3,0.2-1.8,0.4-2.3,0.7c-0.1,0.1-0.3,0.1-0.4,0.2c-0.4,0.2-0.8-0.2-0.8-0.6
 		c0.1-1,0.1-2.3,0.1-4v-0.3c0-1.4,0-2.6-0.1-3.5c-0.1-1.8-0.1-2.6,0.4-3.4c0.6-1,1.1-1.3,1.8-1.8c1.1-0.7,2.6-1.6,4.7-4.6
-		c1.2-1.6,1.4-2.5,1.6-3.2c0.1-0.3,0.1-0.4,1-1.1s3.8-2.9,7.5-2.3C121.3,93.2,122.6,93.6,124,94.1z" style="fill: #FFFFFF;"/>
+		c1.2-1.6,1.4-2.5,1.6-3.2c0.1-0.3,0.1-0.4,1-1.1s3.8-2.9,7.5-2.3C121.3,93.2,122.6,93.6,124,94.1z" fill=" #FFFFFF"/>
 	<path d="M95.3,127.3c-0.2,0.2-0.3,0.3-0.6,0.3c-0.8,0-1.3-0.2-1.6-0.6c-0.7-0.9-0.6-2.7-0.5-3.8l3.1-0.8
-		C95.9,124.1,96,126.4,95.3,127.3z" style="fill: #FFFFFF;"/>
+		C95.9,124.1,96,126.4,95.3,127.3z" fill=" #FFFFFF"/>
 	<path d="M95.5,116.3c-0.1,0.4-0.1,0.9-0.1,1.5c0,0.2,0,0.4,0,0.6c0,0.5,0,1.3,0,1.7c-1,0.3-1.8,0.3-2.8,0.3
 		c0-0.3,0-0.8,0-1.1c0-0.2,0-0.5,0-0.7c0-0.3,0-0.5,0-0.8c0-0.6,0-1.5,0.1-1.8c0.3,0,0.6-0.1,0.9-0.2c0.6-0.1,1.5-0.3,2-0.2
-		C95.6,115.8,95.6,116.1,95.5,116.3z" style="fill: #FFFFFF;"/>
+		C95.6,115.8,95.6,116.1,95.5,116.3z" fill=" #FFFFFF"/>
 	<path d="M89.9,126.4c-0.1,1.6-0.6,3.5-2.1,3.8c-0.7,0.1-1-0.1-1.2-0.3c-1-0.9-1.1-3.7-1-5.7c0.7,0,1.5-0.1,2.5-0.3
-		c0.6-0.1,1.2-0.3,1.7-0.4C89.9,124.3,90,125.3,89.9,126.4z" style="fill: #FFFFFF;"/>
+		c0.6-0.1,1.2-0.3,1.7-0.4C89.9,124.3,90,125.3,89.9,126.4z" fill=" #FFFFFF"/>
 	<path d="M89.2,120.8l-3.3,1.2c0.2-1.3,0.4-3.1,0.5-4.3c0.1-0.8,0.3-1.1,0.4-1.2c0,0,0.1-0.1,0.2-0.1c0,0,0,0,0.1,0h0.1
-		l2.1-0.1C89.2,117.3,89.2,119.5,89.2,120.8z" style="fill: #FFFFFF;"/>
+		l2.1-0.1C89.2,117.3,89.2,119.5,89.2,120.8z" fill=" #FFFFFF"/>
 	<path d="M83.8,119.8c-0.2,0.5-0.4,1.9-0.5,2.9l-4.1-0.1c0.2-1.3,0.6-2.6,0.9-3.6c0.4-1,0.7-1.8,1.1-2s1.3-0.3,1.9,0.2
-		C84,117.8,84.2,118.7,83.8,119.8z" style="fill: #FFFFFF;"/>
+		C84,117.8,84.2,118.7,83.8,119.8z" fill=" #FFFFFF"/>
 	<path d="M82.3,132.5c-0.3,0.4-0.7,0.7-1.1,0.7c-0.5,0.1-0.8-0.1-1.1-0.3c-1.3-1.2-1.2-5.1-1.1-7
-		c1.7-0.4,3.6-0.7,4.5-0.8C83.5,126.6,83.6,130.7,82.3,132.5z" style="fill: #FFFFFF;"/>
+		c1.7-0.4,3.6-0.7,4.5-0.8C83.5,126.6,83.6,130.7,82.3,132.5z" fill=" #FFFFFF"/>
 	<path d="M76.9,122.4c-0.2,0.5-0.4,1-0.5,1.5c-0.5,0.2-2,0-3.5-0.3l1-6.5c1.7-0.5,3.7-0.6,4.1-0.1
-		C78.7,117.7,77.4,121,76.9,122.4z" style="fill: #FFFFFF;"/>
+		C78.7,117.7,77.4,121,76.9,122.4z" fill=" #FFFFFF"/>
 	<path d="M75,133.4c-0.8,1-2,1.5-3.7,1.4c-1.2,0-1.6-0.5-1.8-0.8c-0.9-1.5,0-5,0.9-7.2l5.6,0.3c0.1,0.4,0.1,0.9,0.1,1.4
-		C76.2,130.2,76,132.2,75,133.4z" style="fill: #FFFFFF;"/>
+		C76.2,130.2,76,132.2,75,133.4z" fill=" #FFFFFF"/>
 	<path d="M121.4,86.1c-5.1-1.4-4.6-8.8-4.2-16c0.1-2.5,0.3-4.9,0.2-6.9c-0.4-6.7-1.5-14-6.9-17.3
 		c-5.8-3.5-15.3-2.7-21.1-2l0,0l0,0c-2.1,0.6-4.1,1.1-5.7,1c-3.4-0.2-6.1-1.6-8.5-2.9c-1.8-1-3.4-1.9-5-1.9c-0.1,0-0.2,0-0.2,0
 		c-4.5,0.3-6.6,1.4-8.5,3.1c-0.5,0.4-1.1,1.6-3,7.1c-1,2.8-1.1,4.3-1.3,5.7c-0.2,1.3-0.3,2.7-1,4.8c-0.5,1.4-0.9,2.6-1.2,3.8
@@ -72,12 +72,12 @@
 		c0.1-0.1,0.1-0.2,0.2-0.3c0.4-0.6,0.7-1.1,1-1.6c0-0.1,0.1-0.1,0.1-0.2l0.1-0.1c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0.1-0.1l0,0
 		l0.1-0.1c0-0.1,0.1-0.1,0.1-0.2l0,0l0,0l0,0c0.3-0.4,0.6-0.8,0.8-1.2c0.4-0.5-0.1-1.1-0.6-0.9c-1.4,0.6-2.3,1.3-2.5,1.4
 		c-0.7,0.6-1.8,0.5-2.4-0.3c-0.6-0.7-0.5-1.8,0.3-2.4c0.9-0.7,5.5-4,11-2.5c4,1.1,6,4.2,6.8,5.3c0.6,0.9,2.6,3.7,2.5,7.7
-		C110.4,63.6,109.2,65.8,106.9,69.7z" style="fill: #FFFFFF;"/>
+		C110.4,63.6,109.2,65.8,106.9,69.7z" fill=" #FFFFFF"/>
 	<path d="M71.1,49.2c-0.3,0.7-0.6,1.5-1,2.4c-0.8,2.1-1.8,4.5-2.3,5.4c-0.8,1.5-1.4,2.5-1.9,3.2c-0.6,0.9-1,1.6-1.4,2.6
 		c-0.6,1.7-0.7,3.6-0.3,5.7c-1.1-0.1-2.8-0.8-3-1.8c-0.1-0.7,0.3-1.4,1.5-3.5c0.2-0.4,0.5-0.9,0.8-1.3c2.1-3.6,3-6.3,3.6-8.3
-		c0.7-2.1,1-3,2.1-3.8C69.9,49.5,70.5,49.3,71.1,49.2z" style="fill: #FFFFFF;"/>
+		c0.7-2.1,1-3,2.1-3.8C69.9,49.5,70.5,49.3,71.1,49.2z" fill=" #FFFFFF"/>
 	<path d="M69,124.8c-1.2,2.4-2.6,4.6-3.5,5.7c-0.8-2-2.1-6.7-1.7-10.4c0-0.1,0-0.2,0-0.3c0.1-1.2,0.4-2.2,1-3.1
-		c0.4-0.6,1.4-0.9,2.5-0.9c0.8,0,1.7,0.2,2.5,0.6l0,0c0.4,0.2,1,0.7,1,2C71,120.2,70.1,122.6,69,124.8z" style="fill: #FFFFFF;"/>
+		c0.4-0.6,1.4-0.9,2.5-0.9c0.8,0,1.7,0.2,2.5,0.6l0,0c0.4,0.2,1,0.7,1,2C71,120.2,70.1,122.6,69,124.8z" fill=" #FFFFFF"/>
 	<path d="M133,98.1c0.1,0.1,0.1,0.2,0.1,0.3c-0.3,0.7-0.8,1.2-1.3,1.8c-0.6,0.7-1.3,1.5-1.9,2.8
 		c-0.9,1.8-1.2,3.4-1.3,7.6c-0.2,4.9,0,7.6,0.2,9.6c0.1,1.9,0.2,3.1-0.1,5c-0.7,3.8-2.3,6.3-4.4,9.5c-2.6,4-5.2,8.1-9.6,9.4
 		c-0.4,0.1-0.4,0.1-1.6,0.1c-1,0-2.7,0-5.8,0.1c-5.8,0.2-8.7,0.3-11.1,0.8c-2.6,0.5-3.9,1.1-5.3,1.6c-1.2,0.5-2.3,0.9-4.4,1.4
@@ -92,42 +92,42 @@
 		c0-0.1,0.1-0.1,0.1,0c0.5,0.6,1.4,1.3,2.9,1.3c0.1,0,0.2,0,0.2,0c0.8,0,1.5-0.4,2-1c0.6-0.8,0.8-2,0.9-3.1c0-0.3,0.2-0.6,0.6-0.8
 		c1.6-0.7,3.6-2.2,4.2-3.2c0,0,0-0.1,0.1-0.1c0.1-0.3,0.4-0.5,0.6-0.5c1.3-0.2,1.8-0.5,2.3-0.7c0.4-0.2,0.7-0.3,1.7-0.5
 		c7.3-1.1,8.7-1.4,10.3-2.4c2.4-1.6,2.5-3.8,2.6-5.9c0.1-1.8,0.2-3.8,1.6-6.2c0.5-0.9,1.1-1.9,1.7-3.1c1.1-2,2.6-4.8,3.7-6.3
-		c0.2-0.3,0.6-0.4,0.9-0.2C130.4,96.7,132.6,97.7,133,98.1z" style="fill: #FFFFFF;"/>
+		c0.2-0.3,0.6-0.4,0.9-0.2C130.4,96.7,132.6,97.7,133,98.1z" fill=" #FFFFFF"/>
 	<path d="M62,119.9c-0.3,2.5-0.5,5.9-0.1,10.3c0.1,1.2,0.3,2.5,0.5,3.8c-0.3,0.2-1.4,0.5-3.2,0.4
 		c-2.6-0.1-5.2-0.7-6-1.6l-0.1-0.1c-0.6-0.5-1.1-0.9-1.1-1.8c0-0.3,0.1-0.6,0.4-1.1c0.2-0.2,0.4-0.5,0.6-0.9c0.4-0.6,1-1.3,1.6-2.3
 		c1.7-2.8,2.3-3.7,3.1-4.8c0.1-0.1,0.1-0.2,0.2-0.3c0.5-0.6,1-1.4,1.9-2.7c0.6-0.9,1.1-1.7,1.6-2.3c0.7-1,1.2-1.5,1.5-1.8
-		c0,0.4-0.1,1-0.2,1.6C62.3,117.5,62.1,118.6,62,119.9z" style="fill: #FFFFFF;"/>
+		c0,0.4-0.1,1-0.2,1.6C62.3,117.5,62.1,118.6,62,119.9z" fill=" #FFFFFF"/>
 	<path d="M60.7,80.5C60.7,80.6,60.7,80.6,60.7,80.5c-0.4,0.5-0.8,1.1-1.3,2.1c-1.3,2.8-1.3,4.4-1.3,5.7
 		c0,0.7,0,1.2-0.2,1.8c-0.1,0.4-0.3,0.9-0.6,1.4c-0.7,1.7-1.7,3.9-1.3,6.9c-0.6-0.3-1.5-1-1.7-1.3c0-0.2-0.1-0.3-0.1-0.5
 		c-0.2-0.9-0.3-1.5,0.2-2.9c1.6-3.6,1.8-4.5,1.9-5.5c0-0.2,0.1-0.4,0.1-0.7c0.3-1.4,0.5-2.6,0.6-3.6c0.2-1.5,0.4-2.5,0.9-3.2
-		c0.2-0.3,0.7-0.4,1.4-0.4c0.3,0,0.6,0,1,0.1h0.1C60.7,80.5,60.7,80.5,60.7,80.5z" style="fill: #FFFFFF;"/>
+		c0.2-0.3,0.7-0.4,1.4-0.4c0.3,0,0.6,0,1,0.1h0.1C60.7,80.5,60.7,80.5,60.7,80.5z" fill=" #FFFFFF"/>
 	<path d="M58.7,116.2c-0.1-0.9-0.2-1.7-0.6-2.6c0,0-0.1-0.2-0.1-0.3c-0.1-0.1-0.1-0.2-0.2-0.3l0,0l0,0l-0.1-0.1
 		c-0.1-0.1-0.1-0.1-0.2-0.1l0,0l-0.1-0.1c-0.1,0-0.1-0.1-0.2-0.1h-0.1l0,0l0,0l0,0l0,0l0,0l0,0c-0.5-0.2-1-0.4-1.6-0.5l0,0l0,0
 		c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0H55l0,0l0,0l0,0l0,0c-0.1,0-0.2,0.1-0.4,0.1c-0.1,0-0.1,0.1-0.2,0.1l-0.1,0.1l0,0l0,0
 		c-0.1,0.1-0.1,0.1-0.2,0.2l-0.1,0.1l0,0l0,0l0,0l0,0v0.1c-0.2,0.3-0.4,0.6-0.6,0.9c-0.5,0.7-1,1.5-1.5,2.2s-0.9,1.3-1.4,2
 		c-0.3,0.4-0.5,0.7-0.8,1.1c0,0.1-0.1,0.1-0.1,0.2c0.3,0.1,0.6,0.1,0.9,0.2c0.7,0.1,1.4,0.2,2,0.3c1.4,0.2,2.9,0.3,4.3,0.2
-		c0.1,0,0.1,0,0.2,0c0.3-0.5,0.8-1.1,1.3-1.9c0.3-0.4,0.6-0.8,0.8-1.2C58.8,116.7,58.7,116.4,58.7,116.2z" style="fill: #FFFFFF;"/>
+		c0.1,0,0.1,0,0.2,0c0.3-0.5,0.8-1.1,1.3-1.9c0.3-0.4,0.6-0.8,0.8-1.2C58.8,116.7,58.7,116.4,58.7,116.2z" fill=" #FFFFFF"/>
 	<path d="M53.6,122.1c-0.1,1.1-1.3,3.9-3.2,6.6c-1.6,2.2-2.6,2.8-2.8,2.8c-0.8-0.1-1.5-2-2.1-3.9
-		c-0.2-0.8-0.5-1.5-0.6-2.2c-0.4-1.4-0.5-3.4-0.4-4.6c1.6,0.9,4.4,1.1,8.4,1.1l0,0C53.1,122,53.4,122,53.6,122.1z" style="fill: #FFFFFF;"/>
+		c-0.2-0.8-0.5-1.5-0.6-2.2c-0.4-1.4-0.5-3.4-0.4-4.6c1.6,0.9,4.4,1.1,8.4,1.1l0,0C53.1,122,53.4,122,53.6,122.1z" fill=" #FFFFFF"/>
 	<path d="M50.8,113.1L50.8,113.1L50.8,113.1c-0.7,1.1-1.4,2.1-2.1,3.1c-0.4,0.5-0.7,1-1.1,1.5c-0.2,0.3-0.5,0.6-0.7,0.9
 		c-0.6-0.1-1.1-0.3-1.7-0.4c-0.5-0.1-0.9-0.3-1.4-0.5c-0.1,0-0.2-0.1-0.3-0.1c-0.1-0.1-0.2-0.3-0.3-0.4l0,0c0.2-0.3,0.3-0.7,0.5-1
 		c0.3-0.6,0.6-1.2,1-1.8c0.6-1,1.3-2.1,2.4-2.8c0.1,0,0.1-0.1,0.2-0.1c0.4-0.2,0.8-0.4,1.3-0.5c0.1,0,0.4,0,0.6,0h0.1l0,0
 		c0,0,0,0,0.1,0s0.2,0.1,0.4,0.1c0,0,0.1,0,0.1,0.1c0.1,0.1,0.2,0.1,0.3,0.2c-0.2-0.1,0.2,0.3,0.2,0.2
-		C50.6,112.2,50.7,112.5,50.8,113.1z" style="fill: #FFFFFF;"/>
+		C50.6,112.2,50.7,112.5,50.8,113.1z" fill=" #FFFFFF"/>
 	<path d="M45.4,110.2c-1.3,1-2.2,2.4-2.9,3.9c-0.4,0.8-0.8,1.6-1.2,2.4c0,0.1-0.1,0.2-0.1,0.2c-0.4-0.1-0.8-0.2-1.1-0.3
 		c-0.4-0.1-0.8-0.3-1.2-0.4c-0.2-0.1-0.3-0.2-0.5-0.3c0.4-0.7,0.8-1.4,1.3-2.1c0.6-0.9,1.3-1.9,2-2.7c0.3-0.3,0.6-0.7,0.9-0.9
-		c0.4-0.2,0.8-0.2,1.3-0.1c0.5,0,1,0,1.4,0.2C45.2,110.1,45.3,110.2,45.4,110.2z" style="fill: #FFFFFF;"/>
+		c0.4-0.2,0.8-0.2,1.3-0.1c0.5,0,1,0,1.4,0.2C45.2,110.1,45.3,110.2,45.4,110.2z" fill=" #FFFFFF"/>
 	<path d="M43.4,127.2c-0.1,0.1-0.1,0.1-0.2,0.2h-0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.6,0-1.2,0.1-1.8,0
 		c-0.3,0-0.6-0.1-0.8-0.3c-0.2-0.3-0.3-0.9-0.4-1.3c-0.4-2.2-0.4-4.4-0.2-6.6c1.1,0.4,2.3,0.7,3.5,0.9c-0.3,2,0.2,4.9,0.4,5.7
-		C43.2,126.3,43.3,126.8,43.4,127.2z" style="fill: #FFFFFF;"/>
+		C43.2,126.3,43.3,126.8,43.4,127.2z" fill=" #FFFFFF"/>
 	<path d="M39.8,109.5c-1,1.2-1.9,2.5-2.7,3.9c-0.3,0.5-0.7,1.1-1,1.7c-0.4-0.1-0.8-0.3-1.1-0.5s-0.6-0.4-0.8-0.6
 		c-0.1-0.1-0.3-0.2-0.4-0.3c0,0-0.1,0-0.1-0.1c0.1-0.3,0.3-0.5,0.3-0.7c0.2-0.5,0.4-0.9,0.7-1.3c0.5-0.8,1-1.6,1.6-2.4
-		c0.2-0.3,0.4-0.6,0.8-0.7c0.3-0.1,0.7,0,1,0C38.7,108.6,39.3,109,39.8,109.5z" style="fill: #FFFFFF;"/>
+		c0.2-0.3,0.4-0.6,0.8-0.7c0.3-0.1,0.7,0,1,0C38.7,108.6,39.3,109,39.8,109.5z" fill=" #FFFFFF"/>
 	<path d="M32.1,114.8C32.1,114.7,32.2,114.7,32.1,114.8c0.4,0.4,0.7,0.7,1.1,1c0.2,0.1,0.3,0.3,0.5,0.4c0,0,0,0,0,0.1
-		c-0.4,1.7-0.7,3.5-0.7,5.3c0,0.1-0.1,0.1-0.1,0C32.4,119.5,31.8,116.1,32.1,114.8z" style="fill: #FFFFFF;"/>
+		c-0.4,1.7-0.7,3.5-0.7,5.3c0,0.1-0.1,0.1-0.1,0C32.4,119.5,31.8,116.1,32.1,114.8z" fill=" #FFFFFF"/>
 	<path d="M37,118.5c-0.2,1.5-0.3,3-0.2,4.5c0,0.8,0.1,1.6,0.2,2.5l0,0l0,0c-0.2,0-0.4,0-0.6,0h-0.1l0,0h-0.1
 		c-0.2-0.1-0.2-0.1-0.4-0.2s-0.4-0.4-0.6-0.7c-0.4-0.7-0.5-1.5-0.5-2.3c-0.1-1.5,0.1-3.1,0.4-4.6c0.2,0.1,0.5,0.2,0.8,0.3
-		C36.3,118.2,36.6,118.4,37,118.5L37,118.5L37,118.5z" style="fill: #FFFFFF;"/>
+		C36.3,118.2,36.6,118.4,37,118.5L37,118.5L37,118.5z" fill=" #FFFFFF"/>
 </g>
 <g>
 	<defs>
@@ -135,17 +135,17 @@
 			C41.5,0,0,41.5,0,92.8c0,51.2,41.5,92.8,92.8,92.8C144,185.6,185.6,144,185.6,92.8z"/>
 	</defs>
 	<clipPath id="ant-web3-icon-ape-circle-colorful-SVGID_00000112632825680152813190000016325904004000894366_">
-		<use xlink:href="#ant-web3-icon-ape-circle-colorful-SVGID_00000128454529727717975320000012486895950618847389_" style="overflow:visible;"/>
+		<use xlink:href="#ant-web3-icon-ape-circle-colorful-SVGID_00000128454529727717975320000012486895950618847389_" overflow="visible"/>
 	</clipPath>
 	
-		<g id="ant-web3-icon-ape-circle-colorful-Layer_2_00000107572151008996527030000016290061794924690866_" style="clip-path:url(#ant-web3-icon-ape-circle-colorful-SVGID_00000112632825680152813190000016325904004000894366_);">
-		<g style="opacity: 0.8;">
+		<g id="ant-web3-icon-ape-circle-colorful-Layer_2_00000107572151008996527030000016290061794924690866_" clip-path="url(#ant-web3-icon-ape-circle-colorful-SVGID_00000112632825680152813190000016325904004000894366_)">
+		<g opacity=" 0.8">
 			
 				<linearGradient id="ant-web3-icon-ape-circle-colorful-SVGID_00000174576723511659957990000012099251455123196824_" gradientUnits="userSpaceOnUse" x1="-12.9962" y1="635.1351" x2="199.6316" y2="858.3003" gradientTransform="matrix(1 0 0 1 0 -656)">
-				<stop offset="0.2057" style="stop-color:#89D0FF"/>
-				<stop offset="0.3984" style="stop-color:#EBBF9A"/>
-				<stop offset="0.6015" style="stop-color:#EB8280"/>
-				<stop offset="0.8411" style="stop-color:#A281FF"/>
+				<stop offset="0.2057" stop-color="#89D0FF"/>
+				<stop offset="0.3984" stop-color="#EBBF9A"/>
+				<stop offset="0.6015" stop-color="#EB8280"/>
+				<stop offset="0.8411" stop-color="#A281FF"/>
 			</linearGradient>
 			
 				<path style="opacity:0.8;fill:none;stroke:url(#ant-web3-icon-ape-circle-colorful-SVGID_00000174576723511659957990000012099251455123196824_);stroke-width:1.0554;stroke-miterlimit:10;enable-background:new    ;" d="
@@ -161,10 +161,10 @@
 				h-0.2h-0.6h-0.7l0,0c-1.4,0-2.8,0.3-4.2,0.7C96.4,195.3,87.4,196.5,76.4,196.5z"/>
 			
 				<linearGradient id="ant-web3-icon-ape-circle-colorful-SVGID_00000078007290311443526780000002645036182949499018_" gradientUnits="userSpaceOnUse" x1="-4.751" y1="644.7373" x2="191.2685" y2="851.3126" gradientTransform="matrix(1 0 0 1 0 -656)">
-				<stop offset="0.2057" style="stop-color:#89D0FF"/>
-				<stop offset="0.3984" style="stop-color:#EBBF9A"/>
-				<stop offset="0.6015" style="stop-color:#EB80DA"/>
-				<stop offset="0.8411" style="stop-color:#A281FF"/>
+				<stop offset="0.2057" stop-color="#89D0FF"/>
+				<stop offset="0.3984" stop-color="#EBBF9A"/>
+				<stop offset="0.6015" stop-color="#EB80DA"/>
+				<stop offset="0.8411" stop-color="#A281FF"/>
 			</linearGradient>
 			
 				<path style="opacity:0.8;fill:none;stroke:url(#ant-web3-icon-ape-circle-colorful-SVGID_00000078007290311443526780000002645036182949499018_);stroke-width:1.0554;stroke-miterlimit:10;enable-background:new    ;" d="
@@ -181,10 +181,10 @@
 				c-0.5,0-1,0-1.5,0H110h-0.3c0,0-0.1,0-0.3,0h-0.6h-0.6h-1.1c-1.5,0.1-3,0.3-4.5,0.8C95.3,188.3,86.8,189.4,76.4,189.4z"/>
 			
 				<linearGradient id="ant-web3-icon-ape-circle-colorful-SVGID_00000018943696915612414720000001476804467929569966_" gradientUnits="userSpaceOnUse" x1="3.5765" y1="653.0396" x2="182.9841" y2="843.0211" gradientTransform="matrix(1 0 0 1 0 -656)">
-				<stop offset="0.2057" style="stop-color:#89D0FF"/>
-				<stop offset="0.3984" style="stop-color:#EBBF9A"/>
-				<stop offset="0.6015" style="stop-color:#EB8280"/>
-				<stop offset="0.8411" style="stop-color:#A281FF"/>
+				<stop offset="0.2057" stop-color="#89D0FF"/>
+				<stop offset="0.3984" stop-color="#EBBF9A"/>
+				<stop offset="0.6015" stop-color="#EB8280"/>
+				<stop offset="0.8411" stop-color="#A281FF"/>
 			</linearGradient>
 			
 				<path style="opacity:0.8;fill:none;stroke:url(#ant-web3-icon-ape-circle-colorful-SVGID_00000018943696915612414720000001476804467929569966_);stroke-width:0.9894;stroke-miterlimit:10;enable-background:new    ;" d="
@@ -202,10 +202,10 @@
 				h-0.4l-2.3,0.1c-1.6,0.1-3.2,0.3-4.7,0.9C94.2,180.1,86.3,181.1,76.4,181.1z"/>
 			
 				<linearGradient id="ant-web3-icon-ape-circle-colorful-SVGID_00000024689210688303160630000017284372851326692799_" gradientUnits="userSpaceOnUse" x1="11.8926" y1="661.3707" x2="174.6515" y2="834.707" gradientTransform="matrix(1 0 0 1 0 -656)">
-				<stop offset="0.2057" style="stop-color:#89D0FF"/>
-				<stop offset="0.3984" style="stop-color:#EBBF9A"/>
-				<stop offset="0.6015" style="stop-color:#EB80E7"/>
-				<stop offset="0.8411" style="stop-color:#A281FF"/>
+				<stop offset="0.2057" stop-color="#89D0FF"/>
+				<stop offset="0.3984" stop-color="#EBBF9A"/>
+				<stop offset="0.6015" stop-color="#EB80E7"/>
+				<stop offset="0.8411" stop-color="#A281FF"/>
 			</linearGradient>
 			
 				<path style="opacity:0.8;fill:none;stroke:url(#ant-web3-icon-ape-circle-colorful-SVGID_00000024689210688303160630000017284372851326692799_);stroke-width:0.9235;stroke-miterlimit:10;enable-background:new    ;" d="
@@ -224,10 +224,10 @@
 				c-1.7,0.1-3.3,0.4-4.9,1C93.1,171.8,85.8,172.8,76.4,172.8z"/>
 			
 				<linearGradient id="ant-web3-icon-ape-circle-colorful-SVGID_00000085930422432826479730000016146188682793707422_" gradientUnits="userSpaceOnUse" x1="20.1602" y1="669.7178" x2="166.3016" y2="826.3961" gradientTransform="matrix(1 0 0 1 0 -656)">
-				<stop offset="0.2057" style="stop-color:#89D0FF"/>
-				<stop offset="0.3984" style="stop-color:#EBBF9A"/>
-				<stop offset="0.6015" style="stop-color:#EB80D3"/>
-				<stop offset="0.8411" style="stop-color:#A281FF"/>
+				<stop offset="0.2057" stop-color="#89D0FF"/>
+				<stop offset="0.3984" stop-color="#EBBF9A"/>
+				<stop offset="0.6015" stop-color="#EB80D3"/>
+				<stop offset="0.8411" stop-color="#A281FF"/>
 			</linearGradient>
 			
 				<path style="opacity:0.8;fill:none;stroke:url(#ant-web3-icon-ape-circle-colorful-SVGID_00000085930422432826479730000016146188682793707422_);stroke-width:0.8575;stroke-miterlimit:10;enable-background:new    ;" d="
@@ -246,10 +246,10 @@
 				c-0.4,0-1,0-1.9,0.1h-0.2h-0.2c-3.6,0.1-6.9,0.2-7.9,0.4c-0.5,0.1-1,0.2-1.5,0.4C92.8,163.5,85.9,164.5,76.4,164.5z"/>
 			
 				<linearGradient id="ant-web3-icon-ape-circle-colorful-SVGID_00000038379881502420268080000011052478818508933564_" gradientUnits="userSpaceOnUse" x1="28.5352" y1="677.9645" x2="158.045" y2="818.0479" gradientTransform="matrix(1 0 0 1 0 -656)">
-				<stop offset="0.2057" style="stop-color:#89D0FF"/>
-				<stop offset="0.3984" style="stop-color:#EBBF9A"/>
-				<stop offset="0.6015" style="stop-color:#A280EB"/>
-				<stop offset="0.8411" style="stop-color:#A281FF"/>
+				<stop offset="0.2057" stop-color="#89D0FF"/>
+				<stop offset="0.3984" stop-color="#EBBF9A"/>
+				<stop offset="0.6015" stop-color="#A280EB"/>
+				<stop offset="0.8411" stop-color="#A281FF"/>
 			</linearGradient>
 			
 				<path style="opacity:0.8;fill:none;stroke:url(#ant-web3-icon-ape-circle-colorful-SVGID_00000038379881502420268080000011052478818508933564_);stroke-width:0.8575;stroke-miterlimit:10;enable-background:new    ;" d="
diff --git a/packages/icons/src/svgs/api3-colorful.svg b/packages/icons/src/svgs/api3-colorful.svg
index a40423323..9f4c5a4a4 100644
--- a/packages/icons/src/svgs/api3-colorful.svg
+++ b/packages/icons/src/svgs/api3-colorful.svg
@@ -1,275 +1,275 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns:xodm="http://www.corel.com/coreldraw/odm/2003" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="ant-web3-icon-api3-colorful-Layer_1" x="0px" y="0px" viewBox="0 0 2500 2500" style="enable-background:new 0 0 2500 2500;" xml:space="preserve">
+<svg xmlns:xodm="http://www.corel.com/coreldraw/odm/2003" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="ant-web3-icon-api3-colorful-Layer_1" x="0px" y="0px" viewBox="0 0 2500 2500" enable-background="new 0 0 2500 2500" xml:space="preserve">
 
 <g id="ant-web3-icon-api3-colorful-Layer_x0020_1">
 	<g id="ant-web3-icon-api3-colorful-_2806123167536">
-		<rect y="0" width="2500" height="2500" style="fill-rule: evenodd; clip-rule: evenodd;"/>
+		<rect y="0" width="2500" height="2500" style="fill-rule: evenodd; clip-rule: evenodd"/>
 		<g>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="737.7904" y1="430.254" x2="607.6958" y2="1692.1721" gradientTransform="matrix(1 0 0 -1 0 2499.2756)">
-				<stop offset="0" style="stop-color:#C3C4C3"/>
-				<stop offset="9.019610e-02" style="stop-color:#D8D8D8"/>
-				<stop offset="0.2118" style="stop-color:#E9EAE9"/>
-				<stop offset="0.349" style="stop-color:#F6F6F6"/>
-				<stop offset="0.549" style="stop-color:#FDFDFD"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#C3C4C3"/>
+				<stop offset="9.019610e-02" stop-color="#D8D8D8"/>
+				<stop offset="0.2118" stop-color="#E9EAE9"/>
+				<stop offset="0.349" stop-color="#F6F6F6"/>
+				<stop offset="0.549" stop-color="#FDFDFD"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
-			<path d="M318,2075h377l346-1311L303,2049c-10,10,0,26,16,26H318z" style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_1_);"/>
+			<path d="M318,2075h377l346-1311L303,2049c-10,10,0,26,16,26H318z" style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-api3-colorful-SVGID_1_)"/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000151518366963742479110000009879250187584820389_" gradientUnits="userSpaceOnUse" x1="952.2007" y1="1550.033" x2="951.5259" y2="1548.0045" gradientTransform="matrix(1512.0037 0 0 -346 -1437785.5 538038.375)">
-				<stop offset="0" style="stop-color:#C3C4C3"/>
-				<stop offset="9.019610e-02" style="stop-color:#D8D8D8"/>
-				<stop offset="0.2118" style="stop-color:#E9EAE9"/>
-				<stop offset="0.349" style="stop-color:#F6F6F6"/>
-				<stop offset="0.549" style="stop-color:#FDFDFD"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#C3C4C3"/>
+				<stop offset="9.019610e-02" stop-color="#D8D8D8"/>
+				<stop offset="0.2118" stop-color="#E9EAE9"/>
+				<stop offset="0.349" stop-color="#F6F6F6"/>
+				<stop offset="0.549" stop-color="#FDFDFD"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
-			<path style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000151518366963742479110000009879250187584820389_);" d="     M2011,1729L690,2075h1492c16,0,26-16,16-26l-186-320H2011z"/>
+			<path  fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000151518366963742479110000009879250187584820389_)" d="     M2011,1729L690,2075h1492c16,0,26-16,16-26l-186-320H2011z"/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000039829749309225381840000015119252164078013836_" gradientUnits="userSpaceOnUse" x1="951.0229" y1="1547.7133" x2="952.2095" y2="1547.3096" gradientTransform="matrix(975 0 0 -1303.5 -926212 2018251.25)">
-				<stop offset="0" style="stop-color:#C3C4C3"/>
-				<stop offset="9.019610e-02" style="stop-color:#D8D8D8"/>
-				<stop offset="0.2118" style="stop-color:#E9EAE9"/>
-				<stop offset="0.349" style="stop-color:#F6F6F6"/>
-				<stop offset="0.549" style="stop-color:#FDFDFD"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#C3C4C3"/>
+				<stop offset="9.019610e-02" stop-color="#D8D8D8"/>
+				<stop offset="0.2118" stop-color="#E9EAE9"/>
+				<stop offset="0.349" stop-color="#F6F6F6"/>
+				<stop offset="0.549" stop-color="#FDFDFD"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
-			<path style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000039829749309225381840000015119252164078013836_);" d="     M1810,1528l201,201L1258,433c-5-10-26-10-31,0l-191,330l774,764V1528z"/>
+			<path  fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000039829749309225381840000015119252164078013836_)" d="     M1810,1528l201,201L1258,433c-5-10-26-10-31,0l-191,330l774,764V1528z"/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000051385270511264620020000002172657498432091820_" gradientUnits="userSpaceOnUse" x1="949.2146" y1="1547.2164" x2="948.837" y2="1548.1765" gradientTransform="matrix(274 0 0 -1033 -259206 1600329.625)">
-				<stop offset="0" style="stop-color:#B7B8B8"/>
-				<stop offset="0.1098" style="stop-color:#C9CACA"/>
-				<stop offset="0.302" style="stop-color:#E1E1E1"/>
-				<stop offset="0.502" style="stop-color:#F2F2F2"/>
-				<stop offset="0.7294" style="stop-color:#FCFCFC"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#B7B8B8"/>
+				<stop offset="0.1098" stop-color="#C9CACA"/>
+				<stop offset="0.302" stop-color="#E1E1E1"/>
+				<stop offset="0.502" stop-color="#F2F2F2"/>
+				<stop offset="0.7294" stop-color="#FCFCFC"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000051385270511264620020000002172657498432091820_);" points="     964,2002 964,1042 690,2075    "/>
+				<polygon  fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000051385270511264620020000002172657498432091820_)" points="     964,2002 964,1042 690,2075    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000155860069268721410950000014564175754770448541_" gradientUnits="userSpaceOnUse" x1="959.0327" y1="1560.5924" x2="1889.2111" y2="1145.9586" gradientTransform="matrix(1 0 0 -1 0 2499.2756)">
-				<stop offset="0" style="stop-color:#B7B8B8"/>
-				<stop offset="0.1098" style="stop-color:#C9CACA"/>
-				<stop offset="0.302" style="stop-color:#E1E1E1"/>
-				<stop offset="0.502" style="stop-color:#F2F2F2"/>
-				<stop offset="0.7294" style="stop-color:#FCFCFC"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#B7B8B8"/>
+				<stop offset="0.1098" stop-color="#C9CACA"/>
+				<stop offset="0.302" stop-color="#E1E1E1"/>
+				<stop offset="0.502" stop-color="#F2F2F2"/>
+				<stop offset="0.7294" stop-color="#FCFCFC"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000155860069268721410950000014564175754770448541_);" points="     964,1042 1810,1528 1036,763    "/>
+				<polygon  fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000155860069268721410950000014564175754770448541_)" points="     964,1042 1810,1528 1036,763    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000065040119934853627350000016198770782480662959_" gradientUnits="userSpaceOnUse" x1="951.9784" y1="1549.1985" x2="951.2025" y2="1547.9446" gradientTransform="matrix(1047 0 0 -474 -994828 735888.625)">
-				<stop offset="0" style="stop-color:#B7B8B8"/>
-				<stop offset="0.1098" style="stop-color:#C9CACA"/>
-				<stop offset="0.302" style="stop-color:#E1E1E1"/>
-				<stop offset="0.502" style="stop-color:#F2F2F2"/>
-				<stop offset="0.7294" style="stop-color:#FCFCFC"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#B7B8B8"/>
+				<stop offset="0.1098" stop-color="#C9CACA"/>
+				<stop offset="0.302" stop-color="#E1E1E1"/>
+				<stop offset="0.502" stop-color="#F2F2F2"/>
+				<stop offset="0.7294" stop-color="#FCFCFC"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000065040119934853627350000016198770782480662959_);" points="     964,2002 2011,1729 1810,1528    "/>
+				<polygon  fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000065040119934853627350000016198770782480662959_)" points="     964,2002 2011,1729 1810,1528    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000123415822675592745900000000521001578994105221_" gradientUnits="userSpaceOnUse" x1="947.2377" y1="1547.5634" x2="946.6883" y2="1548.4912" gradientTransform="matrix(180 0 0 -753 -169444 1167299.5)">
-				<stop offset="0" style="stop-color:#B7B8B8"/>
-				<stop offset="0.2118" style="stop-color:#CECECE"/>
-				<stop offset="0.5216" style="stop-color:#E9E9E9"/>
-				<stop offset="0.7882" style="stop-color:#F9F9F9"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#B7B8B8"/>
+				<stop offset="0.2118" stop-color="#CECECE"/>
+				<stop offset="0.5216" stop-color="#E9E9E9"/>
+				<stop offset="0.7882" stop-color="#F9F9F9"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000123415822675592745900000000521001578994105221_);" points="     964,2002 1144,1899 964,1249    "/>
+				<polygon  fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000123415822675592745900000000521001578994105221_)" points="     964,2002 1144,1899 964,1249    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000140703687220537655880000008944447834712198553_" gradientUnits="userSpaceOnUse" x1="951.447" y1="1549.2214" x2="950.6906" y2="1548.1139" gradientTransform="matrix(666 0 0 -475 -631936 737331.875)">
-				<stop offset="0" style="stop-color:#B7B8B8"/>
-				<stop offset="0.2118" style="stop-color:#CECECE"/>
-				<stop offset="0.5216" style="stop-color:#E9E9E9"/>
-				<stop offset="0.7882" style="stop-color:#F9F9F9"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#B7B8B8"/>
+				<stop offset="0.2118" stop-color="#CECECE"/>
+				<stop offset="0.5216" stop-color="#E9E9E9"/>
+				<stop offset="0.7882" stop-color="#F9F9F9"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000140703687220537655880000008944447834712198553_);" points="     1810,1528 1629,1424 1144,1899    "/>
+				<polygon  fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000140703687220537655880000008944447834712198553_)" points="     1810,1528 1629,1424 1144,1899    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000072251272675527109840000010503629823098215608_" gradientUnits="userSpaceOnUse" x1="936.4062" y1="1355.933" x2="1658.4062" y2="1172.933" gradientTransform="matrix(1 0 0 -1 0 2499.2756)">
-				<stop offset="0" style="stop-color:#B7B8B8"/>
-				<stop offset="0.2118" style="stop-color:#CECECE"/>
-				<stop offset="0.5216" style="stop-color:#E9E9E9"/>
-				<stop offset="0.7882" style="stop-color:#F9F9F9"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#B7B8B8"/>
+				<stop offset="0.2118" stop-color="#CECECE"/>
+				<stop offset="0.5216" stop-color="#E9E9E9"/>
+				<stop offset="0.7882" stop-color="#F9F9F9"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000072251272675527109840000010503629823098215608_);" points="     964,1043 964,1249 1636,1428    "/>
+				<polygon  fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000072251272675527109840000010503629823098215608_)" points="     964,1043 964,1249 1636,1428    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000049920119935004800460000009294454789674034352_" gradientUnits="userSpaceOnUse" x1="956.9731" y1="1182.9325" x2="1492.9731" y2="1140.9325" gradientTransform="matrix(1 0 0 -1 0 2499.2756)">
-				<stop offset="0" style="stop-color:#ABACAC"/>
-				<stop offset="0.1804" style="stop-color:#BDBDBD"/>
-				<stop offset="0.7294" style="stop-color:#EDEDED"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#ABACAC"/>
+				<stop offset="0.1804" stop-color="#BDBDBD"/>
+				<stop offset="0.7294" stop-color="#EDEDED"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000049920119935004800460000009294454789674034352_);" points="     1005,1388 1387,1388 1490,1388 964,1249    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000049920119935004800460000009294454789674034352_)" points="     1005,1388 1387,1388 1490,1388 964,1249    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000072268310145797188040000012057136438844792241_" gradientUnits="userSpaceOnUse" x1="948.978" y1="1548.1895" x2="948.1435" y2="1549.1129" gradientTransform="matrix(247 0 0 -511 -233192 792997.8125)">
-				<stop offset="0" style="stop-color:#ABACAC"/>
-				<stop offset="0.1804" style="stop-color:#BDBDBD"/>
-				<stop offset="0.7294" style="stop-color:#EDEDED"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#ABACAC"/>
+				<stop offset="0.1804" stop-color="#BDBDBD"/>
+				<stop offset="0.7294" stop-color="#EDEDED"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000072268310145797188040000012057136438844792241_);" points="     1000,1388 1144,1899 1247,1801 1056,1476    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000072268310145797188040000012057136438844792241_)" points="     1000,1388 1144,1899 1247,1801 1056,1476    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000151524062542029481790000010843099837230248881_" gradientUnits="userSpaceOnUse" x1="950.3583" y1="1549.5819" x2="949.5928" y2="1548.5234" gradientTransform="matrix(382 0 0 -413 -361465 641364.8125)">
-				<stop offset="0" style="stop-color:#ABACAC"/>
-				<stop offset="0.1804" style="stop-color:#BDBDBD"/>
-				<stop offset="0.7294" style="stop-color:#EDEDED"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#ABACAC"/>
+				<stop offset="0.1804" stop-color="#BDBDBD"/>
+				<stop offset="0.7294" stop-color="#EDEDED"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000151524062542029481790000010843099837230248881_);" points="     1490,1388 1247,1801 1629,1424    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000151524062542029481790000010843099837230248881_)" points="     1490,1388 1247,1801 1629,1424    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000106110091734571230660000005907553444525911456_" gradientUnits="userSpaceOnUse" x1="1025.6498" y1="1048.2076" x2="1363.6498" y2="1175.2076" gradientTransform="matrix(1 0 0 -1 0 2499.2756)">
-				<stop offset="0" style="stop-color:#9FA0A0"/>
-				<stop offset="0.1686" style="stop-color:#A5A6A6"/>
-				<stop offset="0.4" style="stop-color:#B6B6B6"/>
-				<stop offset="0.6588" style="stop-color:#D1D1D1"/>
-				<stop offset="0.9412" style="stop-color:#F6F6F6"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#9FA0A0"/>
+				<stop offset="0.1686" stop-color="#A5A6A6"/>
+				<stop offset="0.4" stop-color="#B6B6B6"/>
+				<stop offset="0.6588" stop-color="#D1D1D1"/>
+				<stop offset="0.9412" stop-color="#F6F6F6"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000106110091734571230660000005907553444525911456_);" points="     1387,1388 1000,1388 1056,1481    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000106110091734571230660000005907553444525911456_)" points="     1387,1388 1000,1388 1056,1481    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000168815814770242052470000013630505276136462720_" gradientUnits="userSpaceOnUse" x1="1285.521" y1="742.5253" x2="1014.521" y2="971.5253" gradientTransform="matrix(1 0 0 -1 0 2499.2756)">
-				<stop offset="0" style="stop-color:#9FA0A0"/>
-				<stop offset="0.1686" style="stop-color:#A5A6A6"/>
-				<stop offset="0.4" style="stop-color:#B6B6B6"/>
-				<stop offset="0.6588" style="stop-color:#D1D1D1"/>
-				<stop offset="0.9412" style="stop-color:#F6F6F6"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#9FA0A0"/>
+				<stop offset="0.1686" stop-color="#A5A6A6"/>
+				<stop offset="0.4" stop-color="#B6B6B6"/>
+				<stop offset="0.6588" stop-color="#D1D1D1"/>
+				<stop offset="0.9412" stop-color="#F6F6F6"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000168815814770242052470000013630505276136462720_);" points="     1299,1718 1056,1481 1247,1806    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000168815814770242052470000013630505276136462720_)" points="     1299,1718 1056,1481 1247,1806    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000000909996004153428660000017492288261985172617_" gradientUnits="userSpaceOnUse" x1="947.67" y1="1550.2069" x2="947.3498" y2="1549.1649" gradientTransform="matrix(191 0 0 -325 -179581 505204.5625)">
-				<stop offset="0" style="stop-color:#9FA0A0"/>
-				<stop offset="0.1686" style="stop-color:#A5A6A6"/>
-				<stop offset="0.4" style="stop-color:#B6B6B6"/>
-				<stop offset="0.6588" style="stop-color:#D1D1D1"/>
-				<stop offset="0.9412" style="stop-color:#F6F6F6"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#9FA0A0"/>
+				<stop offset="0.1686" stop-color="#A5A6A6"/>
+				<stop offset="0.4" stop-color="#B6B6B6"/>
+				<stop offset="0.6588" stop-color="#D1D1D1"/>
+				<stop offset="0.9412" stop-color="#F6F6F6"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000000909996004153428660000017492288261985172617_);" points="     1490,1388 1387,1388 1299,1713    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000000909996004153428660000017492288261985172617_)" points="     1490,1388 1387,1388 1299,1713    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000121245104436345339250000012906997003188839589_" gradientUnits="userSpaceOnUse" x1="734.7988" y1="430.1519" x2="604.7988" y2="1692.1519" gradientTransform="matrix(1 0 0 -1 0 2499.2756)">
-				<stop offset="0" style="stop-color:#C3C4C3"/>
-				<stop offset="9.019610e-02" style="stop-color:#D8D8D8"/>
-				<stop offset="0.2118" style="stop-color:#E9EAE9"/>
-				<stop offset="0.349" style="stop-color:#F6F6F6"/>
-				<stop offset="0.549" style="stop-color:#FDFDFD"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#C3C4C3"/>
+				<stop offset="9.019610e-02" stop-color="#D8D8D8"/>
+				<stop offset="0.2118" stop-color="#E9EAE9"/>
+				<stop offset="0.349" stop-color="#F6F6F6"/>
+				<stop offset="0.549" stop-color="#FDFDFD"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
-			<path style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000121245104436345339250000012906997003188839589_);" d="     M318,2075h377l341-1312L302,2049C292,2059,302,2075,318,2075z"/>
+			<path fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000121245104436345339250000012906997003188839589_)" d="     M318,2075h377l341-1312L302,2049C292,2059,302,2075,318,2075z"/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000086671462321803043290000005014764318966868365_" gradientUnits="userSpaceOnUse" x1="952.2007" y1="1550.033" x2="951.5259" y2="1548.0045" gradientTransform="matrix(1512.0037 0 0 -346 -1437785.5 538038.375)">
-				<stop offset="0" style="stop-color:#C3C4C3"/>
-				<stop offset="9.019610e-02" style="stop-color:#D8D8D8"/>
-				<stop offset="0.2118" style="stop-color:#E9EAE9"/>
-				<stop offset="0.349" style="stop-color:#F6F6F6"/>
-				<stop offset="0.549" style="stop-color:#FDFDFD"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#C3C4C3"/>
+				<stop offset="9.019610e-02" stop-color="#D8D8D8"/>
+				<stop offset="0.2118" stop-color="#E9EAE9"/>
+				<stop offset="0.349" stop-color="#F6F6F6"/>
+				<stop offset="0.549" stop-color="#FDFDFD"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
-			<path style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000086671462321803043290000005014764318966868365_);" d="     M2011,1729L690,2075h1492c16,0,26-16,16-26l-186-320H2011z"/>
+			<path fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000086671462321803043290000005014764318966868365_)" d="     M2011,1729L690,2075h1492c16,0,26-16,16-26l-186-320H2011z"/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000132777140316706033170000009173627281267077537_" gradientUnits="userSpaceOnUse" x1="951.0229" y1="1547.7133" x2="952.2095" y2="1547.3096" gradientTransform="matrix(975 0 0 -1303.5 -926212 2018251.25)">
-				<stop offset="0" style="stop-color:#C3C4C3"/>
-				<stop offset="9.019610e-02" style="stop-color:#D8D8D8"/>
-				<stop offset="0.2118" style="stop-color:#E9EAE9"/>
-				<stop offset="0.349" style="stop-color:#F6F6F6"/>
-				<stop offset="0.549" style="stop-color:#FDFDFD"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#C3C4C3"/>
+				<stop offset="9.019610e-02" stop-color="#D8D8D8"/>
+				<stop offset="0.2118" stop-color="#E9EAE9"/>
+				<stop offset="0.349" stop-color="#F6F6F6"/>
+				<stop offset="0.549" stop-color="#FDFDFD"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
-			<path style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000132777140316706033170000009173627281267077537_);" d="     M1810,1528l201,201L1258,433c-5-10-26-10-31,0l-191,330l774,764V1528z"/>
+			<path fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000132777140316706033170000009173627281267077537_)" d="     M1810,1528l201,201L1258,433c-5-10-26-10-31,0l-191,330l774,764V1528z"/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000131361789317856735690000008800774319425484959_" gradientUnits="userSpaceOnUse" x1="949.2146" y1="1547.2164" x2="948.837" y2="1548.1765" gradientTransform="matrix(274 0 0 -1033 -259206 1600329.625)">
-				<stop offset="0" style="stop-color:#B7B8B8"/>
-				<stop offset="0.1098" style="stop-color:#C9CACA"/>
-				<stop offset="0.302" style="stop-color:#E1E1E1"/>
-				<stop offset="0.502" style="stop-color:#F2F2F2"/>
-				<stop offset="0.7294" style="stop-color:#FCFCFC"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#B7B8B8"/>
+				<stop offset="0.1098" stop-color="#C9CACA"/>
+				<stop offset="0.302" stop-color="#E1E1E1"/>
+				<stop offset="0.502" stop-color="#F2F2F2"/>
+				<stop offset="0.7294" stop-color="#FCFCFC"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000131361789317856735690000008800774319425484959_);" points="     964,2002 964,1042 690,2075    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000131361789317856735690000008800774319425484959_)" points="     964,2002 964,1042 690,2075    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000039091992000853444510000001332186807166103459_" gradientUnits="userSpaceOnUse" x1="951.9784" y1="1549.1985" x2="951.2025" y2="1547.9446" gradientTransform="matrix(1047 0 0 -474 -994828 735888.625)">
-				<stop offset="0" style="stop-color:#B7B8B8"/>
-				<stop offset="0.1098" style="stop-color:#C9CACA"/>
-				<stop offset="0.302" style="stop-color:#E1E1E1"/>
-				<stop offset="0.502" style="stop-color:#F2F2F2"/>
-				<stop offset="0.7294" style="stop-color:#FCFCFC"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#B7B8B8"/>
+				<stop offset="0.1098" stop-color="#C9CACA"/>
+				<stop offset="0.302" stop-color="#E1E1E1"/>
+				<stop offset="0.502" stop-color="#F2F2F2"/>
+				<stop offset="0.7294" stop-color="#FCFCFC"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000039091992000853444510000001332186807166103459_);" points="     964,2002 2011,1729 1810,1528    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000039091992000853444510000001332186807166103459_)" points="     964,2002 2011,1729 1810,1528    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000154384676051370653350000012708915916558894471_" gradientUnits="userSpaceOnUse" x1="947.2377" y1="1547.5634" x2="946.6883" y2="1548.4912" gradientTransform="matrix(180 0 0 -753 -169444 1167299.5)">
-				<stop offset="0" style="stop-color:#B7B8B8"/>
-				<stop offset="0.2118" style="stop-color:#CECECE"/>
-				<stop offset="0.5216" style="stop-color:#E9E9E9"/>
-				<stop offset="0.7882" style="stop-color:#F9F9F9"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#B7B8B8"/>
+				<stop offset="0.2118" stop-color="#CECECE"/>
+				<stop offset="0.5216" stop-color="#E9E9E9"/>
+				<stop offset="0.7882" stop-color="#F9F9F9"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000154384676051370653350000012708915916558894471_);" points="     964,2002 1144,1899 964,1249    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000154384676051370653350000012708915916558894471_)" points="     964,2002 1144,1899 964,1249    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000060025753160588358300000014896109531085138817_" gradientUnits="userSpaceOnUse" x1="951.447" y1="1549.2214" x2="950.6906" y2="1548.1139" gradientTransform="matrix(666 0 0 -475 -631936 737331.875)">
-				<stop offset="0" style="stop-color:#B7B8B8"/>
-				<stop offset="0.2118" style="stop-color:#CECECE"/>
-				<stop offset="0.5216" style="stop-color:#E9E9E9"/>
-				<stop offset="0.7882" style="stop-color:#F9F9F9"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#B7B8B8"/>
+				<stop offset="0.2118" stop-color="#CECECE"/>
+				<stop offset="0.5216" stop-color="#E9E9E9"/>
+				<stop offset="0.7882" stop-color="#F9F9F9"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000060025753160588358300000014896109531085138817_);" points="     1810,1528 1629,1424 1144,1899    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000060025753160588358300000014896109531085138817_)" points="     1810,1528 1629,1424 1144,1899    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000098937238308582968500000012318394723861717163_" gradientUnits="userSpaceOnUse" x1="948.978" y1="1548.1895" x2="948.1435" y2="1549.1129" gradientTransform="matrix(247 0 0 -511 -233192 792997.8125)">
-				<stop offset="0" style="stop-color:#ABACAC"/>
-				<stop offset="0.1804" style="stop-color:#BDBDBD"/>
-				<stop offset="0.7294" style="stop-color:#EDEDED"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#ABACAC"/>
+				<stop offset="0.1804" stop-color="#BDBDBD"/>
+				<stop offset="0.7294" stop-color="#EDEDED"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000098937238308582968500000012318394723861717163_);" points="     1000,1388 1144,1899 1247,1801 1056,1476    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000098937238308582968500000012318394723861717163_)" points="     1000,1388 1144,1899 1247,1801 1056,1476    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000129895324190172913110000011616925151786546056_" gradientUnits="userSpaceOnUse" x1="950.3583" y1="1549.5819" x2="949.5928" y2="1548.5234" gradientTransform="matrix(382 0 0 -413 -361465 641364.8125)">
-				<stop offset="0" style="stop-color:#ABACAC"/>
-				<stop offset="0.1804" style="stop-color:#BDBDBD"/>
-				<stop offset="0.7294" style="stop-color:#EDEDED"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#ABACAC"/>
+				<stop offset="0.1804" stop-color="#BDBDBD"/>
+				<stop offset="0.7294" stop-color="#EDEDED"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000129895324190172913110000011616925151786546056_);" points="     1490,1388 1247,1801 1629,1424    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000129895324190172913110000011616925151786546056_)" points="     1490,1388 1247,1801 1629,1424    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000073707207623614811820000014993758196696598451_" gradientUnits="userSpaceOnUse" x1="1285.7714" y1="746.7957" x2="1014.7713" y2="971.7957" gradientTransform="matrix(1 0 0 -1 0 2499.2756)">
-				<stop offset="0" style="stop-color:#9FA0A0"/>
-				<stop offset="0.1686" style="stop-color:#A5A6A6"/>
-				<stop offset="0.4" style="stop-color:#B6B6B6"/>
-				<stop offset="0.6588" style="stop-color:#D1D1D1"/>
-				<stop offset="0.9412" style="stop-color:#F6F6F6"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#9FA0A0"/>
+				<stop offset="0.1686" stop-color="#A5A6A6"/>
+				<stop offset="0.4" stop-color="#B6B6B6"/>
+				<stop offset="0.6588" stop-color="#D1D1D1"/>
+				<stop offset="0.9412" stop-color="#F6F6F6"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000073707207623614811820000014993758196696598451_);" points="     1299,1718 1056,1481 1247,1801    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000073707207623614811820000014993758196696598451_)" points="     1299,1718 1056,1481 1247,1801    "/>
 			
 				<linearGradient id="ant-web3-icon-api3-colorful-SVGID_00000069400090417809915950000014011218938737191579_" gradientUnits="userSpaceOnUse" x1="947.67" y1="1550.2069" x2="947.3498" y2="1549.1649" gradientTransform="matrix(191 0 0 -325 -179581 505204.5625)">
-				<stop offset="0" style="stop-color:#9FA0A0"/>
-				<stop offset="0.1686" style="stop-color:#A5A6A6"/>
-				<stop offset="0.4" style="stop-color:#B6B6B6"/>
-				<stop offset="0.6588" style="stop-color:#D1D1D1"/>
-				<stop offset="0.9412" style="stop-color:#F6F6F6"/>
-				<stop offset="1" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#9FA0A0"/>
+				<stop offset="0.1686" stop-color="#A5A6A6"/>
+				<stop offset="0.4" stop-color="#B6B6B6"/>
+				<stop offset="0.6588" stop-color="#D1D1D1"/>
+				<stop offset="0.9412" stop-color="#F6F6F6"/>
+				<stop offset="1" stop-color="#FFFFFF"/>
 			</linearGradient>
 			
-				<polygon style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-api3-colorful-SVGID_00000069400090417809915950000014011218938737191579_);" points="     1490,1388 1387,1388 1299,1713    "/>
+				<polygon fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-api3-colorful-SVGID_00000069400090417809915950000014011218938737191579_)" points="     1490,1388 1387,1388 1299,1713    "/>
 		</g>
 	</g>
 </g>
diff --git a/packages/icons/src/svgs/arrr-circle-colorful.svg b/packages/icons/src/svgs/arrr-circle-colorful.svg
index 63cead4a1..ba4b8f298 100644
--- a/packages/icons/src/svgs/arrr-circle-colorful.svg
+++ b/packages/icons/src/svgs/arrr-circle-colorful.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-arrr-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2000 2000" style="enable-background:new 0 0 2000 2000;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-arrr-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2000 2000" enable-background="new 0 0 2000 2000" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-arrr-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="-2" x2="2000" y2="-2" gradientTransform="matrix(1 0 0 1 0 1002)">
-	<stop offset="0" style="stop-color:#B38C30"/>
-	<stop offset="1" style="stop-color:#F2DE98"/>
+	<stop offset="0" stop-color="#B38C30"/>
+	<stop offset="1" stop-color="#F2DE98"/>
 </linearGradient>
 <path d="M1000,0C447.6,0,0,447.6,0,1000s447.6,1000,1000,1000s1000-447.6,1000-1000S1552.4,0,1000,0z M548.6,741.5
 	c0-123.6,100.2-223.1,224.6-223.1h512.4c58.6,0,114.9,23,156.7,64.1l-262.2,131.9h-361c-40.7,0-73.1,29.4-73.1,64.8v160.5
 	l-196.7,102.5V741.5L548.6,741.5z M1507.9,1075.4c0,123.6-100.2,223.1-223.1,223.1H745.3v190.7c0,32.4-24.1,58.8-52.8,65.6
-	l-67.1,1.5h-76.9v-331.6l257-134.1h431.8c40.7,0,74.6-29.4,74.6-65.6V828.9l195.9-98.7L1507.9,1075.4L1507.9,1075.4z" style="fill: url(#ant-web3-icon-arrr-circle-colorful-SVGID_1_);"/>
+	l-67.1,1.5h-76.9v-331.6l257-134.1h431.8c40.7,0,74.6-29.4,74.6-65.6V828.9l195.9-98.7L1507.9,1075.4L1507.9,1075.4z" fill=" url(#ant-web3-icon-arrr-circle-colorful-SVGID_1_)"/>
 </svg>
diff --git a/packages/icons/src/svgs/astr-circle-colorful.svg b/packages/icons/src/svgs/astr-circle-colorful.svg
index 5ed177833..3d5dd95a0 100644
--- a/packages/icons/src/svgs/astr-circle-colorful.svg
+++ b/packages/icons/src/svgs/astr-circle-colorful.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-astr-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-astr-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="9.526" y1="9.4192" x2="47.775" y2="47.6732" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#E6007A"/>
-	<stop offset="0.21" style="stop-color:#703AC2"/>
-	<stop offset="0.46" style="stop-color:#0070EB"/>
-	<stop offset="0.77" style="stop-color:#0297FB"/>
-	<stop offset="1" style="stop-color:#0AE2FF"/>
+	<stop offset="0" stop-color="#E6007A"/>
+	<stop offset="0.21" stop-color="#703AC2"/>
+	<stop offset="0.46" stop-color="#0070EB"/>
+	<stop offset="0.77" stop-color="#0297FB"/>
+	<stop offset="1" stop-color="#0AE2FF"/>
 </linearGradient>
 <path d="M59.9,28c-1.1-16.5-15.4-29-32-27.9C19.7,0.6,12.5,4.5,7.5,10.2l0,0c0,0-0.1,0.1-0.1,0.1
 	c-5,5.8-7.8,13.5-7.3,21.7c0.1,0.8,0.1,1.6,0.3,2.3c0,0,0,0.1,0,0.1c0.1,0.5,0.2,1,0.3,1.5c0.1,0.5,0.2,0.9,0.3,1.4
@@ -23,9 +23,9 @@
 	C5.9,20.8,12.5,11.3,22.2,7.9z M31.6,53.4c-6.4,0.4-12.3-1.7-16.9-5.6c5.7,0.8,11.2-1,14.9-3.2c7.4,5.2,12.2,4.4,14.5,1.7
 	c1.8-2.1,1.6-5.3-0.5-7.1c-0.1-0.1-0.2-0.1-0.2-0.2c-2.2-1.7-5.3-1.3-7,0.9c0,0,0,0,0,0c-0.1,0.2-0.3,0.4-0.4,0.6
 	c-0.3-0.1-0.6-0.3-0.9-0.5c2.1-2.2,3.8-4.6,5.1-7.4c0.5-0.9,0.9-1.9,1.2-2.8c2.5,1.8,4.9,4.5,5.9,7.7c1,3.1,0.6,6.5-1.4,9.3
-	c-0.4,0.5-0.9,1.1-1.4,1.5l0,0C40.8,51.4,36.3,53.1,31.6,53.4C31.6,53.4,31.6,53.4,31.6,53.4z" style="fill: url(#ant-web3-icon-astr-circle-colorful-SVGID_1_);"/>
+	c-0.4,0.5-0.9,1.1-1.4,1.5l0,0C40.8,51.4,36.3,53.1,31.6,53.4C31.6,53.4,31.6,53.4,31.6,53.4z" fill=" url(#ant-web3-icon-astr-circle-colorful-SVGID_1_)"/>
 <radialGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000103976507286194312470000014481433229177668737_" cx="-185.2052" cy="416.6168" r="1" gradientTransform="matrix(11.408 0 0 -11.408 2151.3711 4776.6895)" gradientUnits="userSpaceOnUse">
-	<stop offset="0" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#FFFFFF"/>
 	<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
 </radialGradient>
 <path style="opacity:0.9;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000103976507286194312470000014481433229177668737_);enable-background:new    ;" d="
@@ -34,7 +34,7 @@
 <path d="M39.2,24.1c1.1-8.6-1-12.9-3.9-14.5c-0.1,0-0.2,0-0.3,0.1c2.8,1.6,4.8,6,3.7,14.4c-0.4,2.8-1.2,5.5-2.4,8
 	c-1,2.2-2.4,4.3-4,6.2c0.1,0.1,0.2,0.1,0.3,0.2c1.7-1.9,3.1-4.1,4.1-6.4C38,29.6,38.8,26.9,39.2,24.1L39.2,24.1z" style="opacity: 0.8; fill: #FFFFFF; enable-background: new;"/>
 <radialGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000005260198761442183320000007123851122312683905_" cx="-172.42" cy="391.9911" r="1" gradientTransform="matrix(6.6384 0 0 -6.6384 1166.2795 2647.2783)" gradientUnits="userSpaceOnUse">
-	<stop offset="0" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#FFFFFF"/>
 	<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
 </radialGradient>
 <path style="opacity:0.5;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000005260198761442183320000007123851122312683905_);enable-background:new    ;" d="
@@ -42,12 +42,12 @@
 	C29.2,44.2,28.7,43.9,28.3,43.6L28.3,43.6z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000051350704480359066000000008662282767041586841_" gradientUnits="userSpaceOnUse" x1="11.7293" y1="15.9279" x2="18.1273" y2="16.0159" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
 	<stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.6;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000051350704480359066000000008662282767041586841_);enable-background:new    ;" d="
 	M27.5,42.9c-0.1-0.1-0.3-0.2-0.4-0.3c-4.3,1.7-10.2,2.7-16,1.3c0.1,0.2,0.3,0.4,0.4,0.6C17.4,45.8,23.2,44.7,27.5,42.9L27.5,42.9z"/>
 <radialGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000061453737537348992280000007129756772237237888_" cx="-241.5793" cy="452.6176" r="1" gradientTransform="matrix(-5.704 -9.8796 -9.8796 5.704 3114.1846 -4942.8135)" gradientUnits="userSpaceOnUse">
-	<stop offset="0" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#FFFFFF"/>
 	<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
 </radialGradient>
 <path style="opacity:0.9;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000061453737537348992280000007129756772237237888_);enable-background:new    ;" d="
@@ -57,7 +57,7 @@
 <path d="M20.3,25c-8,3.3-10.7,7.3-10.6,10.6c0.1,0.1,0.1,0.2,0.2,0.3c0-3.2,2.7-7.2,10.6-10.5c2.6-1.1,5.4-1.7,8.2-1.9
 	c2.4-0.2,4.9-0.1,7.3,0.4c0-0.1,0-0.2,0-0.3c-2.5-0.5-5-0.6-7.6-0.4C25.7,23.3,22.9,23.9,20.3,25C20.3,25,20.3,25,20.3,25z" style="opacity: 0.8; fill: #FFFFFF; enable-background: new;"/>
 <radialGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000134944528227357231980000013971785309312859827_" cx="-269.2984" cy="453.8581" r="1" gradientTransform="matrix(-3.3192 -5.749 -5.749 3.3192 1762.6031 -3024.9902)" gradientUnits="userSpaceOnUse">
-	<stop offset="0" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#FFFFFF"/>
 	<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
 </radialGradient>
 <path style="opacity:0.4;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000134944528227357231980000013971785309312859827_);enable-background:new    ;" d="
@@ -65,13 +65,13 @@
 	C42.7,23.6,42.7,24.1,42.6,24.7C42.6,24.7,42.6,24.7,42.6,24.7z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000029025139996405840980000004927553677101380750_" gradientUnits="userSpaceOnUse" x1="51.2225" y1="21.0561" x2="47.9475" y2="26.5521" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
 	<stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.5;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000029025139996405840980000004927553677101380750_);enable-background:new    ;" d="
 	M42.4,25.7c0,0.2-0.1,0.3-0.1,0.5c3.6,2.8,7.4,7.4,9.1,13.2c0.1-0.2,0.2-0.4,0.3-0.7C50,33,46.1,28.5,42.4,25.7
 	C42.4,25.7,42.4,25.7,42.4,25.7z"/>
 <radialGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000074428365677709244540000001170730877946296227_" cx="-182.2147" cy="483.4386" r="1" gradientTransform="matrix(-5.704 9.8796 9.8796 5.704 -5785.0996 -917.4102)" gradientUnits="userSpaceOnUse">
-	<stop offset="0" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#FFFFFF"/>
 	<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
 </radialGradient>
 <path style="opacity:0.9;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000074428365677709244540000001170730877946296227_);enable-background:new    ;" d="
@@ -80,7 +80,7 @@
 <path d="M30.5,40.9c6.9,5.2,11.7,5.6,14.5,3.9c0-0.1,0.1-0.2,0.1-0.3c-2.8,1.6-7.6,1.2-14.4-4c-2.2-1.7-4.2-3.8-5.7-6.1
 	c-1.4-2-2.5-4.2-3.3-6.5c-0.1,0-0.2,0.1-0.3,0.1c0.8,2.4,2,4.7,3.4,6.8C26.3,37.1,28.2,39.2,30.5,40.9L30.5,40.9L30.5,40.9z" style="opacity: 0.8; fill: #FFFFFF; enable-background: new;"/>
 <radialGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000018213622570317025410000007415516860194494385_" cx="-167.2808" cy="506.8238" r="1" gradientTransform="matrix(-3.3192 5.749 5.749 3.3192 -3447.8867 -705.285)" gradientUnits="userSpaceOnUse">
-	<stop offset="0" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#FFFFFF"/>
 	<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
 </radialGradient>
 <path style="opacity:0.3;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000018213622570317025410000007415516860194494385_);enable-background:new    ;" d="
@@ -88,114 +88,114 @@
 	C18.1,22.2,18.6,21.9,19.1,21.7L19.1,21.7L19.1,21.7z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000181085393924862728240000016288817712456647342_" gradientUnits="userSpaceOnUse" x1="27.0256" y1="52.7017" x2="23.9066" y2="47.1147" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
 	<stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.4;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000181085393924862728240000016288817712456647342_);enable-background:new    ;" d="
 	M20.1,21.4c0.2-0.1,0.3-0.1,0.5-0.2c0.7-4.6,2.7-10.2,6.9-14.5c-0.2,0-0.5,0.1-0.7,0.1C22.6,11.2,20.6,16.8,20.1,21.4L20.1,21.4
 	L20.1,21.4z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000031202877466454752800000007851980731449459382_" gradientUnits="userSpaceOnUse" x1="28.4267" y1="55.5365" x2="18.6507" y2="52.6925" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.4;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000031202877466454752800000007851980731449459382_);enable-background:new    ;" d="
 	M28,0.1C19.7,0.6,12.5,4.5,7.5,10.2l-0.1,0.1c1,1,4.2,2.9,5.5,3.7c2.6-2.8,5.8-4.9,9.4-6.2c0.3-0.3,0.5-0.7,0.8-1
 	c3.4-3.8,8-5.8,13.4-5.8c0.6,0,1.8,0.1,1.8,0.1C34.9,0.2,31.4-0.2,28,0.1L28,0.1z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000158729916061444669450000013837451400714035089_" gradientUnits="userSpaceOnUse" x1="9.9566" y1="18.2624" x2="18.1306" y2="9.7304" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.4;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000158729916061444669450000013837451400714035089_);enable-background:new    ;" d="
 	M31.6,53.4c-6.4,0.4-12.3-1.7-16.9-5.6c-0.4-0.1-0.8-0.1-1.3-0.2c-5-1-9.1-4-11.8-8.7c-0.3-0.5-0.6-1-0.8-1.6
 	C4.4,51.1,17.3,60.9,32,59.9C32.1,58.4,31.7,54.9,31.6,53.4C31.6,53.4,31.6,53.4,31.6,53.4z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000129203933679139512450000001095278043479050174_" gradientUnits="userSpaceOnUse" x1="53.8246" y1="19.5482" x2="56.6686" y2="28.1942" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.4;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000129203933679139512450000001095278043479050174_);enable-background:new    ;" d="
 	M59.9,28c-0.9-0.1-5.4,0.3-6.5,0.4c0.1,2,0,4-0.4,5.9c0.2,0.4,0.3,0.8,0.4,1.2c1.6,4.8,1.1,9.9-1.6,14.5c-0.3,0.5-0.6,1-1,1.5
 	c0,0,0,0,0,0C57,45.6,60.5,37.1,59.9,28C59.9,28,59.9,28,59.9,28z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000050651093117363705360000013689170206856274869_" gradientUnits="userSpaceOnUse" x1="32.8777" y1="50.5907" x2="45.9807" y2="47.5917" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.5;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000050651093117363705360000013689170206856274869_);enable-background:new    ;" d="
 	M36.7,7.8c0.7,0.1,1.4,0.2,2,0.4c0,0,0.1,0,0.1,0c2.6,1.1,4.9,2.5,7,4.4c0,0,0,0,0,0c1-1.1,2.9-2.4,2.9-2.4s-2.9-3-7.3-3.9
 	c-3.1-0.6-10.1-1.3-14.5,6.3l0,0c0.3-0.5,0.7-1,1.1-1.4C30.1,8.8,33.3,7.4,36.7,7.8z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000142137249319132945460000004464437094416722579_" gradientUnits="userSpaceOnUse" x1="46.4858" y1="17.0514" x2="37.3308" y2="7.2014" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.5;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000142137249319132945460000004464437094416722579_);enable-background:new    ;" d="
 	M45.9,46.9c-0.4,0.5-0.9,1.1-1.4,1.5c0,0,0,0-0.1,0.1c-2.2,1.7-4.7,3-7.3,3.8c0,0,0,0,0,0c0.5,1.4,0.6,3.7,0.6,3.7s4-1,7-4.4
 	c2.1-2.4,6.2-8.1,1.9-15.7c0,0,0,0,0,0.1c0.3,0.5,0.5,1.1,0.7,1.6C48.3,40.6,47.9,44.1,45.9,46.9C45.9,46.9,45.9,46.9,45.9,46.9z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000049197054293289341610000003457193005142360452_" gradientUnits="userSpaceOnUse" x1="10.632" y1="22.0296" x2="6.682" y2="34.8786" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.5;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000049197054293289341610000003457193005142360452_);enable-background:new    ;" d="
 	M7.4,35.3c-0.3-0.6-0.5-1.3-0.6-1.9c0,0,0-0.1,0-0.1c-0.4-2.8-0.3-5.6,0.3-8.3v0c-1.5-0.3-3.5-1.3-3.5-1.3s-1.1,4,0.3,8.3
 	c1,3,4,9.4,12.7,9.5c0,0,0,0-0.1,0c-0.6,0-1.2-0.1-1.8-0.2C11.6,40.5,8.8,38.5,7.4,35.3C7.4,35.3,7.4,35.3,7.4,35.3z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000060752852370899178300000016315499052719424693_" gradientUnits="userSpaceOnUse" x1="35.7406" y1="45.7596" x2="31.5976" y2="41.6106" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.6;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000060752852370899178300000016315499052719424693_);enable-background:new    ;" d="
 	M35.5,19.5c0.2,0,0.5,0,0.7,0c0,0-0.2-3.1-0.5-4.7c-0.4-1.6-1-2.7-1.6-3.3c-0.4-0.4-1.8-1-2.9,2.3C30.8,16.6,32.7,19.2,35.5,19.5
 	C35.5,19.5,35.5,19.5,35.5,19.5L35.5,19.5L35.5,19.5z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000097459040242513397820000008606103132333977261_" gradientUnits="userSpaceOnUse" x1="13.3877" y1="26.934" x2="19.0497" y2="25.413" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.5;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000097459040242513397820000008606103132333977261_);enable-background:new    ;" d="
 	M18.2,30.5c-0.1-0.2-0.2-0.4-0.3-0.6c0,0-2.6,1.7-3.8,2.8c-1.2,1.1-1.8,2.2-2,3c-0.1,0.6,0.1,2.1,3.5,1.4
 	C18.1,36,19.3,33.1,18.2,30.5L18.2,30.5z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000106148316395369773320000002757923291886078389_" gradientUnits="userSpaceOnUse" x1="40.8622" y1="16.9882" x2="39.3452" y2="22.6482" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.6;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000106148316395369773320000002757923291886078389_);enable-background:new    ;" d="
 	M36.3,40c-0.1,0.2-0.3,0.4-0.4,0.6c0,0,2.8,1.4,4.4,1.9c1.6,0.5,2.8,0.5,3.6,0.3c0.6-0.2,1.8-1.1-0.5-3.7C41.2,37.3,38,37.8,36.3,40
 	C36.3,40,36.3,40,36.3,40C36.3,40,36.3,40,36.3,40z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000082334974036727074960000012556770789156809859_" gradientUnits="userSpaceOnUse" x1="32.2379" y1="22.0261" x2="34.7279" y2="25.4601" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.3;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000082334974036727074960000012556770789156809859_);enable-background:new    ;" d="
 	M35.3,27c-0.6,2.1-1.5,4-2.6,5.7c-0.1,0.1-0.1,0.2-0.2,0.3c0,0,0,0,0,0c-0.8,1.1-1.6,2.1-2.6,3c0.7,0.7,1.4,1.4,2.2,2.1
 	c0.9,0.7,1.9,1.4,2.9,2c2.1-2.2,3.8-4.6,5.1-7.4c0.5-0.9,0.8-1.9,1.2-2.8c-1.1-0.8-2.1-1.4-3.1-1.8C37.3,27.7,36.3,27.3,35.3,27
 	L35.3,27L35.3,27z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000061459537237502812120000017891292822794755715_" gradientUnits="userSpaceOnUse" x1="23.6772" y1="23.5133" x2="18.7022" y2="21.1413" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.3;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000061459537237502812120000017891292822794755715_);enable-background:new    ;" d="
 	M14.7,47.8c5.7,0.8,11.2-1,14.9-3.2c-0.5-0.3-0.9-0.6-1.4-1c-1.4-1.1-2.7-2.3-3.9-3.7c-2.8,1.2-6.3,1.9-9.6,1.3
 	c-3.2-0.6-5.9-2.7-7.4-5.9c-0.3-0.6-0.5-1.3-0.6-1.9C7.6,39.1,10.5,44.2,14.7,47.8L14.7,47.8L14.7,47.8z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000179623011387368395410000010812718621845476502_" gradientUnits="userSpaceOnUse" x1="21.876" y1="31.7957" x2="23.416" y2="28.5967" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.3;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000179623011387368395410000010812718621845476502_);enable-background:new    ;" d="
 	M29.9,36c-1.4-1.5-2.7-3.2-3.6-5.1c0-0.1-0.1-0.2-0.1-0.3v0c-0.6-1.2-1-2.5-1.3-3.7c-1,0.2-2,0.5-2.9,0.9c-1.1,0.4-2.2,1-3.2,1.5
 	c0.9,3.2,2.3,5.8,3.8,8.1c0.6,0.8,1.2,1.7,1.9,2.4c1.2-0.5,2.3-1.1,3.1-1.8C28.4,37.5,29.2,36.8,29.9,36C29.9,36,29.9,36,29.9,36z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000060740709543541916200000016658141810299588769_" gradientUnits="userSpaceOnUse" x1="29.0296" y1="41.6699" x2="27.9666" y2="45.3409" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.3;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000060740709543541916200000016658141810299588769_);enable-background:new    ;" d="
 	M22.2,7.9c-3.5,4.5-4.7,10.2-4.6,14.5c0.5-0.2,1-0.5,1.5-0.7c1.6-0.7,3.4-1.2,5.1-1.5c0.3-3,1.5-6.5,3.7-9c2.1-2.4,5.3-3.8,8.8-3.4
 	c0.7,0.1,1.4,0.2,2,0.4c0,0,0.1,0,0.1,0c-3.3-1.3-6.9-1.9-10.4-1.7C26.2,6.7,24.2,7.2,22.2,7.9C22.2,7.9,22.2,7.9,22.2,7.9L22.2,7.9
 	L22.2,7.9z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000152970832658843794190000016084043716957806753_" gradientUnits="userSpaceOnUse" x1="40.5237" y1="24.859" x2="43.6037" y2="24.15" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.3;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000152970832658843794190000016084043716957806753_);enable-background:new    ;" d="
 	M53,34.3C50.9,29,46.6,25.2,42.8,23c0,0.5-0.1,1.1-0.2,1.7c-0.2,1.8-0.6,3.5-1.2,5.2c2.5,1.8,4.9,4.5,5.9,7.7c1,3.1,0.6,6.5-1.4,9.3
 	c-0.4,0.5-0.9,1.1-1.4,1.5l0,0C48.9,45,52,40,53,34.3C53.1,34.3,53,34.3,53,34.3L53,34.3L53,34.3z"/>
 <linearGradient id="ant-web3-icon-astr-circle-colorful-SVGID_00000103949445521785630760000000354989492508393888_" gradientUnits="userSpaceOnUse" x1="35.6916" y1="35.2648" x2="31.7846" y2="35.9738" gradientTransform="matrix(1 0 0 -1 0 59.8921)">
-	<stop offset="0" style="stop-color:#231F20"/>
-	<stop offset="1" style="stop-color:#FFFFFF"/>
+	<stop offset="0" stop-color="#231F20"/>
+	<stop offset="1" stop-color="#FFFFFF"/>
 </linearGradient>
 <path style="opacity:0.3;fill:url(#ant-web3-icon-astr-circle-colorful-SVGID_00000103949445521785630760000000354989492508393888_);enable-background:new    ;" d="
 	M24.2,23.8c0.1,1,0.3,2.1,0.6,3.1c2.1-0.5,4.2-0.7,6.2-0.6l0.3,0h0c1.3,0.1,2.6,0.3,3.9,0.7c0.3-1,0.5-2,0.7-3
diff --git a/packages/icons/src/svgs/bsw-circle-colorful.svg b/packages/icons/src/svgs/bsw-circle-colorful.svg
index 2b894cb5e..7496d8017 100644
--- a/packages/icons/src/svgs/bsw-circle-colorful.svg
+++ b/packages/icons/src/svgs/bsw-circle-colorful.svg
@@ -1,20 +1,20 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-bsw-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 54.2 54.2" style="enable-background:new 0 0 54.2 54.2;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-bsw-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 54.2 54.2" enable-background="new 0 0 54.2 54.2" xml:space="preserve">
 
-<path d="M27.1,54.2c15,0,27.1-12.1,27.1-27.1C54.2,12.1,42,0,27.1,0C12.1,0,0,12.1,0,27.1C0,42,12.1,54.2,27.1,54.2z" style="fill: #FFFFFF;"/>
+<path d="M27.1,54.2c15,0,27.1-12.1,27.1-27.1C54.2,12.1,42,0,27.1,0C12.1,0,0,12.1,0,27.1C0,42,12.1,54.2,27.1,54.2z" fill=" #FFFFFF"/>
 <linearGradient id="ant-web3-icon-bsw-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="36.7806" y1="39.8012" x2="30.3926" y2="4.6092" gradientTransform="matrix(1 0 0 -1 0 55.8898)">
-	<stop offset="0" style="stop-color:#FF496A"/>
-	<stop offset="1" style="stop-color:#E42648"/>
+	<stop offset="0" stop-color="#FF496A"/>
+	<stop offset="1" stop-color="#E42648"/>
 </linearGradient>
 <path d="M48,10.2c-1.9,0.4-3.7,0.9-5.1,1.2c-3.4,0.8-6.5,3.3-7.2,8c-0.6,4.2,0.8,6,0.2,10.9
 	c-1.1,8.6-9.3,11.5-13.1,13.3c-2.2,1-7.6,3.4-11.7,5.2c4.5,3.3,10,5.3,16.1,5.3c15,0,27.1-12.1,27.1-27.1c0-6.4-2.2-12.2-5.9-16.9
-	C48.2,10.2,48.1,10.2,48,10.2z" style="fill: url(#ant-web3-icon-bsw-circle-colorful-SVGID_1_);"/>
+	C48.2,10.2,48.1,10.2,48,10.2z" fill=" url(#ant-web3-icon-bsw-circle-colorful-SVGID_1_)"/>
 <linearGradient id="ant-web3-icon-bsw-circle-colorful-SVGID_00000062914791107164500290000013177463998386082734_" gradientUnits="userSpaceOnUse" x1="15.5519" y1="15.1248" x2="29.6757" y2="55.0107" gradientTransform="matrix(1 0 0 -1 0 55.8898)">
-	<stop offset="1.812290e-03" style="stop-color:#1158F1"/>
-	<stop offset="1" style="stop-color:#119BED"/>
+	<stop offset="1.812290e-03" stop-color="#1158F1"/>
+	<stop offset="1" stop-color="#119BED"/>
 </linearGradient>
-<path style="fill:url(#ant-web3-icon-bsw-circle-colorful-SVGID_00000062914791107164500290000013177463998386082734_);" d="M24,23.1c2.1-4.5,1.3-4.5,2.9-8.8
+<path fill="url(#ant-web3-icon-bsw-circle-colorful-SVGID_00000062914791107164500290000013177463998386082734_)" d="M24,23.1c2.1-4.5,1.3-4.5,2.9-8.8
 	c2-5.4,8.2-3.8,9.9-3.6c2.8,0.4,3.6-0.6,9.5-1.6c0.3,0,0.6-0.1,0.9-0.1c-5-5.5-12.2-9-20.2-9C16.3,0,7,6.3,2.6,15.4
 	C11.6,17.6,21.2,22.4,24,23.1z M18.1,4.7c0.8,0.1,4.6,4.9,5.3,17.1c0,0-4.9-1.2-6-3.7C16.6,16,17.7,13.2,18.1,4.7z M48.2,10.2
 	C48.2,10.2,48.2,10.2,48.2,10.2c0,0-0.1,0-0.2,0C48.1,10.2,48.2,10.2,48.2,10.2z M0,27.1c0-2.2,0.3-4.3,0.7-6.3c1,0.8,2,1.7,3.1,2.8
diff --git a/packages/icons/src/svgs/bzrx-colorful.svg b/packages/icons/src/svgs/bzrx-colorful.svg
index 57f53be5a..ba3616fc8 100644
--- a/packages/icons/src/svgs/bzrx-colorful.svg
+++ b/packages/icons/src/svgs/bzrx-colorful.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-bzrx-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-bzrx-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-bzrx-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="74.8" y1="7.2" x2="10.8" y2="71.2" gradientTransform="matrix(1 0 0 -1 0 82)">
-	<stop offset="0.1594" style="stop-color:#003CDA"/>
-	<stop offset="1" style="stop-color:#33DFCC"/>
+	<stop offset="0.1594" stop-color="#003CDA"/>
+	<stop offset="1" stop-color="#33DFCC"/>
 </linearGradient>
-<path d="M0,16C0,7.2,7.2,0,16,0h48c8.8,0,16,7.2,16,16v48c0,8.8-7.2,16-16,16H16C7.2,80,0,72.8,0,64V16z" style="fill: url(#ant-web3-icon-bzrx-colorful-SVGID_1_);"/>
-<path d="M32,0h-8v18.4h8V0z" style="fill: #FFFFFF;"/>
+<path d="M0,16C0,7.2,7.2,0,16,0h48c8.8,0,16,7.2,16,16v48c0,8.8-7.2,16-16,16H16C7.2,80,0,72.8,0,64V16z" fill=" url(#ant-web3-icon-bzrx-colorful-SVGID_1_)"/>
+<path d="M32,0h-8v18.4h8V0z" fill=" #FFFFFF"/>
 <path d="M45.5,56.7H34.9c-6,0-10.9-4.9-10.9-10.9V38h8v7.7c0,1.6,1.3,2.9,2.9,2.9h10.6c1.6,0,2.9-1.3,2.9-2.9V35.2
-	c0-1.6-1.3-2.9-2.9-2.9H0v-8h45.5c6,0,10.9,4.9,10.9,10.9v10.6C56.4,51.8,51.5,56.7,45.5,56.7z" style="fill: #FFFFFF;"/>
+	c0-1.6-1.3-2.9-2.9-2.9H0v-8h45.5c6,0,10.9,4.9,10.9,10.9v10.6C56.4,51.8,51.5,56.7,45.5,56.7z" fill=" #FFFFFF"/>
 </svg>
diff --git a/packages/icons/src/svgs/cdai-circle-colorful.svg b/packages/icons/src/svgs/cdai-circle-colorful.svg
index 8c9734cf7..3596d4e56 100644
--- a/packages/icons/src/svgs/cdai-circle-colorful.svg
+++ b/packages/icons/src/svgs/cdai-circle-colorful.svg
@@ -1,30 +1,30 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-cdai-circle-colorful-Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" style="enable-background:new 0 0 256 256;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-cdai-circle-colorful-Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve">
 
 <g>
 	<g>
-		<circle cx="128.1" cy="128.2" r="127.9" style="fill: #EDF0F2;"/>
+		<circle cx="128.1" cy="128.2" r="127.9" fill=" #EDF0F2"/>
 		
 			<linearGradient id="ant-web3-icon-cdai-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="92.0939" y1="243.6545" x2="132.1881" y2="21.3615" gradientTransform="matrix(1 0 0 -1 0 258)">
-			<stop offset="0" style="stop-color:#27D3A2"/>
-			<stop offset="1" style="stop-color:#9388FD"/>
+			<stop offset="0" stop-color="#27D3A2"/>
+			<stop offset="1" stop-color="#9388FD"/>
 		</linearGradient>
 		<path d="M209.3,226.9c-19.5,16.1-43.4,26-68.6,28.4c-33.7,3.3-67.4-6.9-93.7-28.4c-26.2-21.5-42.8-52.5-46.2-86.3
 			c-2.5-25.2,2.5-50.5,14.4-72.8c11.9-22.3,30.2-40.6,52.5-52.5c22.3-11.9,47.6-17,72.8-14.5c25.2,2.5,49,12.3,68.6,28.4l-25.8,31.5
 			c-13.3-10.9-29.6-17.7-46.8-19.3c-17.2-1.7-34.4,1.8-49.6,9.9c-15.2,8.1-27.6,20.6-35.8,35.8c-8.1,15.2-11.5,32.5-9.8,49.6
-			c2.3,23,13.6,44.2,31.5,58.8c17.9,14.7,40.9,21.6,63.9,19.3c17.2-1.7,33.4-8.5,46.7-19.4L209.3,226.9z" style="fill: url(#ant-web3-icon-cdai-circle-colorful-SVGID_1_);"/>
+			c2.3,23,13.6,44.2,31.5,58.8c17.9,14.7,40.9,21.6,63.9,19.3c17.2-1.7,33.4-8.5,46.7-19.4L209.3,226.9z" fill=" url(#ant-web3-icon-cdai-circle-colorful-SVGID_1_)"/>
 		<path d="M128.5,232.9c57.7,0,104.4-46.8,104.4-104.4C232.9,70.8,186.2,24,128.5,24C70.8,24,24,70.8,24,128.5
-			C24,186.2,70.8,232.9,128.5,232.9z" style="fill: #FFFFFF;"/>
+			C24,186.2,70.8,232.9,128.5,232.9z" fill=" #FFFFFF"/>
 	</g>
 	
 		<linearGradient id="ant-web3-icon-cdai-circle-colorful-SVGID_2_" gradientUnits="userSpaceOnUse" x1="128.9998" y1="178.712" x2="128.9998" y2="83.1" gradientTransform="matrix(1 0 0 -1 0 258)">
-		<stop offset="0" style="stop-color:#283947"/>
-		<stop offset="1" style="stop-color:#657786"/>
+		<stop offset="0" stop-color="#283947"/>
+		<stop offset="1" stop-color="#657786"/>
 	</linearGradient>
 	<path d="M174,115h-9.7c-5.3-14.8-19.6-24.9-38.5-24.9h-31V115H84v8.9h10.8v9.4H84v8.9h10.8v24.6h31
 		c18.6,0,32.8-10,38.3-24.6h9.9v-8.9h-7.7c0.2-1.6,0.3-3.2,0.3-4.8v-0.2c0-1.5-0.1-2.9-0.2-4.3h7.6L174,115L174,115z M103.5,98.1
 		h22.3c13.8,0,24.1,6.8,28.9,16.9h-51.2V98.1L103.5,98.1z M125.8,158.8h-22.3v-16.6h51.2C149.9,152.2,139.6,158.8,125.8,158.8z
-		 M157.6,128.7c0,1.6-0.1,3.1-0.3,4.6h-53.8v-9.4h53.8c0.2,1.5,0.3,3,0.3,4.5V128.7z" style="fill: url(#ant-web3-icon-cdai-circle-colorful-SVGID_2_);"/>
+		 M157.6,128.7c0,1.6-0.1,3.1-0.3,4.6h-53.8v-9.4h53.8c0.2,1.5,0.3,3,0.3,4.5V128.7z" fill=" url(#ant-web3-icon-cdai-circle-colorful-SVGID_2_)"/>
 </g>
 </svg>
diff --git a/packages/icons/src/svgs/cow-circle-colorful.svg b/packages/icons/src/svgs/cow-circle-colorful.svg
index 125ca6db1..bc0ee0bcb 100644
--- a/packages/icons/src/svgs/cow-circle-colorful.svg
+++ b/packages/icons/src/svgs/cow-circle-colorful.svg
@@ -1,21 +1,21 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-cow-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 600 600" style="enable-background:new 0 0 600 600;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-cow-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve">
 
-<path d="M0,0h600v600H0V0z" style="fill: #FFFFFF;"/>
+<path d="M0,0h600v600H0V0z" fill="#FFFFFF"/>
 <linearGradient id="ant-web3-icon-cow-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="17.6782" y1="198.1874" x2="578.1832" y2="400.1014" gradientTransform="matrix(1 0 0 -1 0 599.8898)">
-	<stop offset="0" style="stop-color:#3B3C44"/>
-	<stop offset="0.521" style="stop-color:#1C1D22"/>
-	<stop offset="0.766" style="stop-color:#0E0D0D"/>
-	<stop offset="1" style="stop-color:#000000"/>
+	<stop offset="0" stop-color="#3B3C44"/>
+	<stop offset="0.521" stop-color="#1C1D22"/>
+	<stop offset="0.766" stop-color="#0E0D0D"/>
+	<stop offset="1" stop-color="#000000"/>
 </linearGradient>
-<path d="M600,300c0,165.7-134.3,300-300,300S0,465.7,0,300S134.3,0,300,0S600,134.3,600,300z" style="fill: url(#ant-web3-icon-cow-circle-colorful-SVGID_1_);"/>
+<path d="M600,300c0,165.7-134.3,300-300,300S0,465.7,0,300S134.3,0,300,0S600,134.3,600,300z" fill=" url(#ant-web3-icon-cow-circle-colorful-SVGID_1_)"/>
 <linearGradient id="ant-web3-icon-cow-circle-colorful-SVGID_00000023976467625729153770000003855256142524735384_" gradientUnits="userSpaceOnUse" x1="83" y1="279.8898" x2="516.4041" y2="279.8898" gradientTransform="matrix(1 0 0 -1 0 599.8898)">
-	<stop offset="0.344" style="stop-color:#FFFFFF"/>
-	<stop offset="0.495" style="stop-color:#8D9ACA"/>
-	<stop offset="1" style="stop-color:#FF784A"/>
+	<stop offset="0.344" stop-color="#FFFFFF"/>
+	<stop offset="0.495" stop-color="#8D9ACA"/>
+	<stop offset="1" stop-color="#FF784A"/>
 </linearGradient>
-<path style="fill:url(#ant-web3-icon-cow-circle-colorful-SVGID_00000023976467625729153770000003855256142524735384_);" d="M499.6,254.4l-59.7-9.8l44-18.4l12.3-49
+<path fill="url(#ant-web3-icon-cow-circle-colorful-SVGID_00000023976467625729153770000003855256142524735384_)" d="M499.6,254.4l-59.7-9.8l44-18.4l12.3-49
 	L481.4,151l-75.3-22l35.9,51.5h0l0.4,0.6l-21.3,5.3l-65.2-44.7l-56.2,6.7l-56.2-6.7l-65.2,44.7l-21.3-5.3l0.4-0.6h0l35.9-51.5
 	L118,151l-14.7,26.2l12.3,49l44,18.4l-59.7,9.8L83,299.8l49.7,24l41.7-14.7l5.9,43.8l28.9,67.4l14.3,37.2l73.2,51.4v0.1l2.8,2
 	l0.1-0.1l0.1,0l2.8-2v-0.1l73.2-51.4l14.3-37.2l29-67.4l5.9-43.8l41.7,14.7l49.7-24L499.6,254.4L499.6,254.4L499.6,254.4z
diff --git a/packages/icons/src/svgs/deso-colorful.svg b/packages/icons/src/svgs/deso-colorful.svg
index 2d48eee14..b521985a5 100644
--- a/packages/icons/src/svgs/deso-colorful.svg
+++ b/packages/icons/src/svgs/deso-colorful.svg
@@ -1,22 +1,22 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-deso-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 31.5 36.8" style="enable-background:new 0 0 31.5 36.8;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-deso-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 31.5 36.8" enable-background="new 0 0 31.5 36.8" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-deso-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="7.749" y1="29.6053" x2="18.7117" y2="3.1293" gradientTransform="matrix(1 0 0 -1 0 37.8898)">
-	<stop offset="0" style="stop-color:#0057FF"/>
-	<stop offset="1" style="stop-color:#00A3FF"/>
+	<stop offset="0" stop-color="#0057FF"/>
+	<stop offset="1" stop-color="#00A3FF"/>
 </linearGradient>
-<path d="M0,0v9.2l24.2,13.5L0,36.8h20c6.4,0,11.5-4.5,11.5-10.1v-8.3L0,0z" style="fill: url(#ant-web3-icon-deso-colorful-SVGID_1_);"/>
+<path d="M0,0v9.2l24.2,13.5L0,36.8h20c6.4,0,11.5-4.5,11.5-10.1v-8.3L0,0z" fill=" url(#ant-web3-icon-deso-colorful-SVGID_1_)"/>
 <linearGradient id="ant-web3-icon-deso-colorful-SVGID_00000171704973816211991440000012006003443304955031_" gradientUnits="userSpaceOnUse" x1="13.2608" y1="28.0186" x2="33.6546" y2="33.4056" gradientTransform="matrix(1 0 0 -1 0 37.8898)">
-	<stop offset="0" style="stop-color:#0283FF"/>
-	<stop offset="1" style="stop-color:#01C2FF"/>
+	<stop offset="0" stop-color="#0283FF"/>
+	<stop offset="1" stop-color="#01C2FF"/>
 </linearGradient>
-<path style="fill:url(#ant-web3-icon-deso-colorful-SVGID_00000171704973816211991440000012006003443304955031_);" d="M0,0l31.5,18.4v-8.3C31.5,4.5,26.3,0,20,0
+<path fill="url(#ant-web3-icon-deso-colorful-SVGID_00000171704973816211991440000012006003443304955031_)" d="M0,0l31.5,18.4v-8.3C31.5,4.5,26.3,0,20,0
 	H0z"/>
 <linearGradient id="ant-web3-icon-deso-colorful-SVGID_00000155107726104664021100000000571350717845774505_" gradientUnits="userSpaceOnUse" x1="5.8815" y1="4.4625" x2="34.4436" y2="42.3622" gradientTransform="matrix(1 0 0 -1 0 37.8898)">
-	<stop offset="0" style="stop-color:#0157FF"/>
-	<stop offset="1" style="stop-color:#00FFFF"/>
+	<stop offset="0" stop-color="#0157FF"/>
+	<stop offset="1" stop-color="#00FFFF"/>
 </linearGradient>
-<path style="fill:url(#ant-web3-icon-deso-colorful-SVGID_00000155107726104664021100000000571350717845774505_);" d="M16.6,18.4L0,27.6v9.2l24.2-14.2L16.6,18.4
+<path fill="url(#ant-web3-icon-deso-colorful-SVGID_00000155107726104664021100000000571350717845774505_)" d="M16.6,18.4L0,27.6v9.2l24.2-14.2L16.6,18.4
 	z"/>
 </svg>
diff --git a/packages/icons/src/svgs/divi-circle-colorful.svg b/packages/icons/src/svgs/divi-circle-colorful.svg
index 80481181d..347531c3c 100644
--- a/packages/icons/src/svgs/divi-circle-colorful.svg
+++ b/packages/icons/src/svgs/divi-circle-colorful.svg
@@ -1,14 +1,14 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-divi-circle-colorful-svg22" inkscape:version="1.0rc1 (09960d6f05, 2020-04-09)" sodipodi:docname="divi.svg" xmlns:cc="http://creativecommons.org/ns#ant-web3-icon-divi-circle-colorful-" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#ant-web3-icon-divi-circle-colorful-" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 39.7 39.7" style="enable-background:new 0 0 39.7 39.7;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-divi-circle-colorful-svg22" inkscape:version="1.0rc1 (09960d6f05, 2020-04-09)" sodipodi:docname="divi.svg" xmlns:cc="http://creativecommons.org/ns#ant-web3-icon-divi-circle-colorful-" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#ant-web3-icon-divi-circle-colorful-" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 39.7 39.7" enable-background="new 0 0 39.7 39.7" xml:space="preserve">
 
 
 <linearGradient id="ant-web3-icon-divi-circle-colorful-rect10_1_" gradientUnits="userSpaceOnUse" x1="39.655" y1="2.345" x2="1.427487e-06" y2="42" gradientTransform="matrix(1 0 0 -1 0 42)">
-	<stop offset="0" style="stop-color:#4B81EB"/>
-	<stop offset="1" style="stop-color:#6752F4"/>
+	<stop offset="0" stop-color="#4B81EB"/>
+	<stop offset="1" stop-color="#6752F4"/>
 </linearGradient>
 <path id="ant-web3-icon-divi-circle-colorful-rect10" d="M19.8,0L19.8,0c11,0,19.8,8.9,19.8,19.8l0,0c0,11-8.9,19.8-19.8,19.8l0,0C8.9,39.7,0,30.8,0,19.8
-	l0,0C0,8.9,8.9,0,19.8,0z" style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-divi-circle-colorful-rect10_1_);"/>
+	l0,0C0,8.9,8.9,0,19.8,0z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-divi-circle-colorful-rect10_1_)"/>
 <path id="ant-web3-icon-divi-circle-colorful-path12" inkscape:connector-curvature="0" d="M9,9.4h11.8c4.8,0,9.7,3.4,9.7,10.3S25.6,30,20.8,30h-8.7V18.9
 	h5.1V25h3.4c2.2,0,4.8-2.5,4.8-5.3c0-2.8-2.5-5.3-4.8-5.3h-5.6C12.5,14.4,10.5,12.7,9,9.4z" style="fill-rule: evenodd; clip-rule: evenodd; fill: #FFFFFF;"/>
 </svg>
diff --git a/packages/icons/src/svgs/dmt-colorful.svg b/packages/icons/src/svgs/dmt-colorful.svg
index 579e9273b..4161d2630 100644
--- a/packages/icons/src/svgs/dmt-colorful.svg
+++ b/packages/icons/src/svgs/dmt-colorful.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2000 1948.02"><defs><linearGradient id="ant-web3-icon-dmt-colorful-linear-gradient" x1="83.62" y1="947.07" x2="878.54" y2="947.07" gradientTransform="matrix(1, 0, 0, -1, 0, 1923)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00ba96"/><stop offset="0.52" stop-color="#00d9af"/><stop offset="1" stop-color="#00d9af"/></linearGradient><linearGradient id="ant-web3-icon-dmt-colorful-linear-gradient-2" x1="1144.49" y1="948.99" x2="2001.4" y2="948.99" gradientTransform="matrix(1, 0, 0, -1, 0, 1923)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#008d85"/><stop offset="1" stop-color="#00ffe0"/></linearGradient><linearGradient id="ant-web3-icon-dmt-colorful-linear-gradient-3" x1="250.91" y1="949" x2="1904.03" y2="949" gradientTransform="matrix(1, 0, 0, -1, 0, 1923)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#008d94"/><stop offset="1" stop-color="#00ffe0"/></linearGradient><linearGradient id="ant-web3-icon-dmt-colorful-linear-gradient-4" y1="947.06" x2="794.89" y2="947.06" gradientTransform="matrix(1, 0, 0, -1, 0, 1923)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00ba96"/><stop offset="0.52" stop-color="#00d9af"/><stop offset="1" stop-color="#00faaf"/></linearGradient></defs><title>dmt</title><g id="ant-web3-icon-dmt-colorful-Layer_2"><g id="ant-web3-icon-dmt-colorful-Layer_1-2"><path d="M857,890.24,625.08,489,389.28,83.76a168.38,168.38,0,0,0-54.57-56.49h-1.95a148.49,148.49,0,0,0-56.52,58.44L100.85,389.6a138.94,138.94,0,0,0,0,140.26L311.32,894.13c15.59,25.32,21.44,54.54,21.44,83.76h0a178.34,178.34,0,0,1-21.44,83.76L102.8,1422a138.94,138.94,0,0,0,0,140.26l175.39,303.89c13.64,23.38,33.13,44.8,56.52,58.44h2c23.39-13.64,40.93-33.12,54.57-56.49l233.86-405.18L857,1057.76A171,171,0,0,0,857,890.24Z" style="opacity: 0.25; isolation: isolate; fill: url(#ant-web3-icon-dmt-colorful-linear-gradient);"/><path d="M1975.62,878.55,1741.76,475.31,1502.06,60.39a171.53,171.53,0,0,0-42.87-48.7C1449.44,3.9,1439.69,0,1428,0c-122.78,0-206.58,3.9-268.94,3.9-9.74,0-15.59,11.69-13.64,21.43l60.41,339c0,3.9,0,7.79-1.95,11.69-23.39,42.86-21.44,95.45,3.9,138.31l214.37,374c15.59,27.27,23.39,56.49,23.39,85.71s-7.8,58.44-23.39,85.71l-216.32,374c-25.33,42.86-25.33,95.45-3.9,138.31,2,3.9,2,7.79,2,11.69l-60.41,337c-2,9.74,3.9,21.43,13.64,21.43,56.52,0-23.39,5.84,276.73,5.84,5.85,0,13.64-2,19.49-3.9,21.44-7.79,35.08-33.12,46.77-54.54l239.71-416.87,231.91-403.24c37-58.47,37-130.53,3.9-190.92" style="opacity: 0.25; isolation: isolate; fill: url(#ant-web3-icon-dmt-colorful-linear-gradient-2);"/><path d="M1880.13,890.24,1414.36,83.76C1385.13,33.12,1330.56,0,1270.15,0H338.61c-31.18,0-60.41,9.74-87.7,25.32v1.95a168.38,168.38,0,0,1,54.57,56.49L539.34,489c21.44-9.74,46.77-15.58,70.16-15.58H995.36c60.41,0,115,31.17,144.21,83.76L1332.5,890.24c29.23,50.65,29.23,114.93,0,167.53l-192.93,333.11c-29.23,50.65-85.75,83.76-144.21,83.76H611.44a168.21,168.21,0,0,1-70.16-15.58L307.43,1864.24a168.38,168.38,0,0,1-54.57,56.49v2c25.33,15.58,56.52,25.32,87.7,25.32H1274c60.41,0,115-31.17,144.21-83.76L1884,1057.76c27.31-52.59,27.31-114.93-3.87-167.52" style="fill: url(#ant-web3-icon-dmt-colorful-linear-gradient-3);"/><path d="M771.25,890.24,539.34,489,305.48,83.76a168.38,168.38,0,0,0-54.57-56.49H249a148.49,148.49,0,0,0-56.52,58.44L19,387.65a138.94,138.94,0,0,0,0,140.26L229.47,892.18c15.59,25.32,21.44,54.54,21.44,83.76h0a178.34,178.34,0,0,1-21.44,83.76L19,1422a138.94,138.94,0,0,0,0,140.26l175.4,303.92c13.64,23.38,33.13,44.8,56.52,58.44h2c23.39-13.64,40.93-33.12,54.57-56.49L541.3,1463l231.9-401.29C802.43,1005.17,802.43,942.83,771.25,890.24Z" style="fill: url(#ant-web3-icon-dmt-colorful-linear-gradient-4);"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2000 1948.02"><defs><linearGradient id="ant-web3-icon-dmt-colorful-linear-gradient" x1="83.62" y1="947.07" x2="878.54" y2="947.07" gradientTransform="matrix(1, 0, 0, -1, 0, 1923)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00ba96"/><stop offset="0.52" stop-color="#00d9af"/><stop offset="1" stop-color="#00d9af"/></linearGradient><linearGradient id="ant-web3-icon-dmt-colorful-linear-gradient-2" x1="1144.49" y1="948.99" x2="2001.4" y2="948.99" gradientTransform="matrix(1, 0, 0, -1, 0, 1923)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#008d85"/><stop offset="1" stop-color="#00ffe0"/></linearGradient><linearGradient id="ant-web3-icon-dmt-colorful-linear-gradient-3" x1="250.91" y1="949" x2="1904.03" y2="949" gradientTransform="matrix(1, 0, 0, -1, 0, 1923)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#008d94"/><stop offset="1" stop-color="#00ffe0"/></linearGradient><linearGradient id="ant-web3-icon-dmt-colorful-linear-gradient-4" y1="947.06" x2="794.89" y2="947.06" gradientTransform="matrix(1, 0, 0, -1, 0, 1923)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00ba96"/><stop offset="0.52" stop-color="#00d9af"/><stop offset="1" stop-color="#00faaf"/></linearGradient></defs><title>dmt</title><g id="ant-web3-icon-dmt-colorful-Layer_2"><g id="ant-web3-icon-dmt-colorful-Layer_1-2"><path d="M857,890.24,625.08,489,389.28,83.76a168.38,168.38,0,0,0-54.57-56.49h-1.95a148.49,148.49,0,0,0-56.52,58.44L100.85,389.6a138.94,138.94,0,0,0,0,140.26L311.32,894.13c15.59,25.32,21.44,54.54,21.44,83.76h0a178.34,178.34,0,0,1-21.44,83.76L102.8,1422a138.94,138.94,0,0,0,0,140.26l175.39,303.89c13.64,23.38,33.13,44.8,56.52,58.44h2c23.39-13.64,40.93-33.12,54.57-56.49l233.86-405.18L857,1057.76A171,171,0,0,0,857,890.24Z" style="opacity: 0.25; isolation: isolate; fill: url(#ant-web3-icon-dmt-colorful-linear-gradient);"/><path d="M1975.62,878.55,1741.76,475.31,1502.06,60.39a171.53,171.53,0,0,0-42.87-48.7C1449.44,3.9,1439.69,0,1428,0c-122.78,0-206.58,3.9-268.94,3.9-9.74,0-15.59,11.69-13.64,21.43l60.41,339c0,3.9,0,7.79-1.95,11.69-23.39,42.86-21.44,95.45,3.9,138.31l214.37,374c15.59,27.27,23.39,56.49,23.39,85.71s-7.8,58.44-23.39,85.71l-216.32,374c-25.33,42.86-25.33,95.45-3.9,138.31,2,3.9,2,7.79,2,11.69l-60.41,337c-2,9.74,3.9,21.43,13.64,21.43,56.52,0-23.39,5.84,276.73,5.84,5.85,0,13.64-2,19.49-3.9,21.44-7.79,35.08-33.12,46.77-54.54l239.71-416.87,231.91-403.24c37-58.47,37-130.53,3.9-190.92" style="opacity: 0.25; isolation: isolate; fill: url(#ant-web3-icon-dmt-colorful-linear-gradient-2);"/><path d="M1880.13,890.24,1414.36,83.76C1385.13,33.12,1330.56,0,1270.15,0H338.61c-31.18,0-60.41,9.74-87.7,25.32v1.95a168.38,168.38,0,0,1,54.57,56.49L539.34,489c21.44-9.74,46.77-15.58,70.16-15.58H995.36c60.41,0,115,31.17,144.21,83.76L1332.5,890.24c29.23,50.65,29.23,114.93,0,167.53l-192.93,333.11c-29.23,50.65-85.75,83.76-144.21,83.76H611.44a168.21,168.21,0,0,1-70.16-15.58L307.43,1864.24a168.38,168.38,0,0,1-54.57,56.49v2c25.33,15.58,56.52,25.32,87.7,25.32H1274c60.41,0,115-31.17,144.21-83.76L1884,1057.76c27.31-52.59,27.31-114.93-3.87-167.52" fill=" url(#ant-web3-icon-dmt-colorful-linear-gradient-3)"/><path d="M771.25,890.24,539.34,489,305.48,83.76a168.38,168.38,0,0,0-54.57-56.49H249a148.49,148.49,0,0,0-56.52,58.44L19,387.65a138.94,138.94,0,0,0,0,140.26L229.47,892.18c15.59,25.32,21.44,54.54,21.44,83.76h0a178.34,178.34,0,0,1-21.44,83.76L19,1422a138.94,138.94,0,0,0,0,140.26l175.4,303.92c13.64,23.38,33.13,44.8,56.52,58.44h2c23.39-13.64,40.93-33.12,54.57-56.49L541.3,1463l231.9-401.29C802.43,1005.17,802.43,942.83,771.25,890.24Z" fill=" url(#ant-web3-icon-dmt-colorful-linear-gradient-4)"/></g></g></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/drt-circle-colorful.svg b/packages/icons/src/svgs/drt-circle-colorful.svg
index e06812f2b..334e93483 100644
--- a/packages/icons/src/svgs/drt-circle-colorful.svg
+++ b/packages/icons/src/svgs/drt-circle-colorful.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-drt-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1996.7 1995.7" style="enable-background:new 0 0 1996.7 1995.7;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-drt-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1996.7 1995.7" enable-background="new 0 0 1996.7 1995.7" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-drt-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="-0.2753" y1="1498.4747" x2="0.7247" y2="1498.4747" gradientTransform="matrix(1996.7329 0 0 -1995.7379 549.6835 2991560.75)">
-	<stop offset="0" style="stop-color:#EB5E57"/>
-	<stop offset="1" style="stop-color:#EA5290"/>
+	<stop offset="0" stop-color="#EB5E57"/>
+	<stop offset="1" stop-color="#EA5290"/>
 </linearGradient>
 <path d="M1009.4,852.1h-4c-5,0-8-1-11.5,0h-3.5c-41.2,1.8-79.9,19.8-107.8,50.1v1c-14.4,14.9-25.3,32.8-31.9,52.4
 	c-6.3,16.9-9.6,34.8-10,52.9c0.4,71.9,49.2,134.4,118.8,152.2l7.5,1.5c10.5,2.5,21.2,3.6,31.9,3.5c10,0,20-1,29.9-3
@@ -37,5 +37,5 @@
 	c-19.2,12.6-27.8,36.3-21.1,58.3s27.1,36.9,50.1,36.6c8.8,0.2,17.5-2.3,24.9-7c222.2-129.8,331-394.3,264.6-641.9
 	c-3.9-13.4-2.1-27.8,5-39.8c7.1-12.1,18.5-21,32-25c5,0,9-1.5,13.5-1.5c23.8,0.3,44.3,16.7,49.8,39.8
 	C1694.3,1004.8,1670,1189.7,1579.8,1344.8L1579.8,1344.8L1579.8,1344.8z M291.9,291.9c-389.2,389.5-389.2,1022,0,1411.8
-	c390.3,389.4,1022.3,389.4,1412.7,0c389.5-389.4,389.5-1021.8,0.3-1411.8C1314.4-97.3,682.4-97.3,291.9,291.9L291.9,291.9z" style="fill: url(#ant-web3-icon-drt-circle-colorful-SVGID_1_);"/>
+	c390.3,389.4,1022.3,389.4,1412.7,0c389.5-389.4,389.5-1021.8,0.3-1411.8C1314.4-97.3,682.4-97.3,291.9,291.9L291.9,291.9z" fill=" url(#ant-web3-icon-drt-circle-colorful-SVGID_1_)"/>
 </svg>
diff --git a/packages/icons/src/svgs/dydx-colorful.svg b/packages/icons/src/svgs/dydx-colorful.svg
index 26b319581..385869211 100644
--- a/packages/icons/src/svgs/dydx-colorful.svg
+++ b/packages/icons/src/svgs/dydx-colorful.svg
@@ -1,28 +1,28 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns:xodm="http://www.corel.com/coreldraw/odm/2003" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="ant-web3-icon-dydx-colorful-Layer_1" x="0px" y="0px" viewBox="0 0 2500 2500" style="enable-background:new 0 0 2500 2500;" xml:space="preserve">
+<svg xmlns:xodm="http://www.corel.com/coreldraw/odm/2003" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="ant-web3-icon-dydx-colorful-Layer_1" x="0px" y="0px" viewBox="0 0 2500 2500" enable-background="new 0 0 2500 2500" xml:space="preserve">
 
 <g id="ant-web3-icon-dydx-colorful-Layer_x0020_1">
 	<g id="ant-web3-icon-dydx-colorful-_2188392809712">
 		
 			<linearGradient id="ant-web3-icon-dydx-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="502.1057" y1="2631.6494" x2="317.6203" y2="1858.6152" gradientTransform="matrix(3.2895 0 0 -3.2895 0 8223.6846)">
-			<stop offset="0" style="stop-color:#2C2C3D"/>
-			<stop offset="1" style="stop-color:#1A1A27"/>
+			<stop offset="0" stop-color="#2C2C3D"/>
+			<stop offset="1" stop-color="#1A1A27"/>
 		</linearGradient>
-		<path d="M511.2,0h1477.6C2272.4,0,2500,227.6,2500,511.2v1477.6c0,283.6-227.6,511.2-511.2,511.2H511.2    C227.6,2500,0,2272.4,0,1988.8V511.2C0,227.6,227.6,0,511.2,0z" style="fill: url(#ant-web3-icon-dydx-colorful-SVGID_1_);"/>
+		<path d="M511.2,0h1477.6C2272.4,0,2500,227.6,2500,511.2v1477.6c0,283.6-227.6,511.2-511.2,511.2H511.2    C227.6,2500,0,2272.4,0,1988.8V511.2C0,227.6,227.6,0,511.2,0z" fill=" url(#ant-web3-icon-dydx-colorful-SVGID_1_)"/>
 		<g>
-			<polygon points="1573.2,567.3 600.3,1932.7 897.1,1932.7 1873.4,567.3    " style="fill: #FFFFFF;"/>
+			<polygon points="1573.2,567.3 600.3,1932.7 897.1,1932.7 1873.4,567.3    " fill=" #FFFFFF"/>
 			
 				<linearGradient id="ant-web3-icon-dydx-colorful-SVGID_00000018941007157823207550000000798736158471192495_" gradientUnits="userSpaceOnUse" x1="250.5004" y1="2296.4824" x2="372.8223" y2="2150.0972" gradientTransform="matrix(3.2895 0 0 -3.2895 0 8223.6846)">
-				<stop offset="0" style="stop-color:#FFFFFF"/>
+				<stop offset="0" stop-color="#FFFFFF"/>
 				<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.549"/>
 			</linearGradient>
-			<polygon style="fill:url(#ant-web3-icon-dydx-colorful-SVGID_00000018941007157823207550000000798736158471192495_);" points="930.1,567.3 1217,969.7      1065.3,1187.3 626.6,567.3    "/>
+			<polygon fill="url(#ant-web3-icon-dydx-colorful-SVGID_00000018941007157823207550000000798736158471192495_)" points="930.1,567.3 1217,969.7      1065.3,1187.3 626.6,567.3    "/>
 			
 				<linearGradient id="ant-web3-icon-dydx-colorful-SVGID_00000000909882551984761740000004032762994945808257_" gradientUnits="userSpaceOnUse" x1="508.688" y1="1947.2676" x2="357.2896" y2="2153.811" gradientTransform="matrix(3.2895 0 0 -3.2895 0 8223.6846)">
-				<stop offset="0" style="stop-color:#6966FF"/>
+				<stop offset="0" stop-color="#6966FF"/>
 				<stop offset="1" style="stop-color:#6966FF;stop-opacity:0.3608"/>
 			</linearGradient>
-			<polygon style="fill:url(#ant-web3-icon-dydx-colorful-SVGID_00000000909882551984761740000004032762994945808257_);" points="1599.6,1932.7 1283,1487.5      1431.4,1273.1 1899.7,1932.7    "/>
+			<polygon fill="url(#ant-web3-icon-dydx-colorful-SVGID_00000000909882551984761740000004032762994945808257_)" points="1599.6,1932.7 1283,1487.5      1431.4,1273.1 1899.7,1932.7    "/>
 		</g>
 		<path d="M511.2,0h1477.6C2272.4,0,2500,227.6,2500,511.2v1477.6c0,283.6-227.6,511.2-511.2,511.2H511.2    C227.6,2500,0,2272.4,0,1988.8V511.2C0,227.6,227.6,0,511.2,0z" style="fill: none; stroke: #2D2D3D; stroke-width: 6.5789; stroke-miterlimit: 75.4132;"/>
 	</g>
diff --git a/packages/icons/src/svgs/eurs-circle-colorful.svg b/packages/icons/src/svgs/eurs-circle-colorful.svg
index 40ce518db..03c2064cd 100644
--- a/packages/icons/src/svgs/eurs-circle-colorful.svg
+++ b/packages/icons/src/svgs/eurs-circle-colorful.svg
@@ -1,15 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns:xodm="http://www.corel.com/coreldraw/odm/2003" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="ant-web3-icon-eurs-circle-colorful-Layer_1" x="0px" y="0px" viewBox="0 0 2500 2500" style="enable-background:new 0 0 2500 2500;" xml:space="preserve">
+<svg xmlns:xodm="http://www.corel.com/coreldraw/odm/2003" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="ant-web3-icon-eurs-circle-colorful-Layer_1" x="0px" y="0px" viewBox="0 0 2500 2500" enable-background="new 0 0 2500 2500" xml:space="preserve">
 
 <g id="ant-web3-icon-eurs-circle-colorful-Layer_x0020_1">
-	
-		<linearGradient id="ant-web3-icon-eurs-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="807.8646" y1="1219.2839" x2="1255.8645" y2="1716.2839" gradientTransform="matrix(3.7369 0 0 -3.7369 -2605.5486 6734.0464)">
-		<stop offset="0" style="stop-color:#15BCFF"/>
-		<stop offset="0.3608" style="stop-color:#219BF6"/>
-		<stop offset="0.502" style="stop-color:#2D79ED"/>
-		<stop offset="0.7216" style="stop-color:#725DED"/>
-		<stop offset="1" style="stop-color:#B741EE"/>
+	<linearGradient id="ant-web3-icon-eurs-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="807.8646" y1="1219.2839" x2="1255.8645" y2="1716.2839" gradientTransform="matrix(3.7369 0 0 -3.7369 -2605.5486 6734.0464)">
+		<stop offset="0" stop-color="#15BCFF"/>
+		<stop offset="0.3608" stop-color="#219BF6"/>
+		<stop offset="0.502" stop-color="#2D79ED"/>
+		<stop offset="0.7216" stop-color="#725DED"/>
+		<stop offset="1" stop-color="#B741EE"/>
 	</linearGradient>
-	<path d="M1251.9,2500C560.5,2500,0,1939.5,0,1248.1S560.5-3.7,1251.9-3.7c93.4,0,183.1,11.2,269.1,29.9   c-183.1,63.5-343.8,160.7-478.3,287.7S799.7,594.2,736.2,769.8H467.1l-130.8,299h325.1c-3.7,41.1-7.5,82.2-7.5,123.3   c0,67.3,7.5,134.5,18.7,198.1H429.7l-112.1,299h448.4c67.3,142,160.7,269.1,276.5,377.4c183.1,171.9,418.5,295.2,683.9,340.1   C1580.7,2466.4,1420,2500,1251.9,2500z M1898.4,175.6C2264.6,384.9,2500,833.3,2500,1251.9c0,366.2-164.4,710-437.2,952.9   c-310.2,63.5-594.2-85.9-818.4-310.2c-44.8-44.8-82.2-119.6-119.6-179.4c-3.7-7.5-11.2-14.9-14.9-22.4h3.7h725l108.4-287.7H979.1   c-11.2-48.6-18.7-100.9-22.4-153.2c0-18.7-3.7-37.4-3.7-56.1v-3.7v-3.7c0-44.8,3.7-89.7,7.5-130.8h1121.1l115.8-284h-1136   c48.6-93.4,108.4-213,183.1-287.7c179.4-179.4,399.9-321.4,650.2-310.2H1898.4z" style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-eurs-circle-colorful-SVGID_1_);"/>
+	<path d="M1251.9,2500C560.5,2500,0,1939.5,0,1248.1S560.5-3.7,1251.9-3.7c93.4,0,183.1,11.2,269.1,29.9   c-183.1,63.5-343.8,160.7-478.3,287.7S799.7,594.2,736.2,769.8H467.1l-130.8,299h325.1c-3.7,41.1-7.5,82.2-7.5,123.3   c0,67.3,7.5,134.5,18.7,198.1H429.7l-112.1,299h448.4c67.3,142,160.7,269.1,276.5,377.4c183.1,171.9,418.5,295.2,683.9,340.1   C1580.7,2466.4,1420,2500,1251.9,2500z M1898.4,175.6C2264.6,384.9,2500,833.3,2500,1251.9c0,366.2-164.4,710-437.2,952.9   c-310.2,63.5-594.2-85.9-818.4-310.2c-44.8-44.8-82.2-119.6-119.6-179.4c-3.7-7.5-11.2-14.9-14.9-22.4h3.7h725l108.4-287.7H979.1   c-11.2-48.6-18.7-100.9-22.4-153.2c0-18.7-3.7-37.4-3.7-56.1v-3.7v-3.7c0-44.8,3.7-89.7,7.5-130.8h1121.1l115.8-284h-1136   c48.6-93.4,108.4-213,183.1-287.7c179.4-179.4,399.9-321.4,650.2-310.2H1898.4z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-eurs-circle-colorful-SVGID_1_)"/>
 </g>
 </svg>
diff --git a/packages/icons/src/svgs/gxc-circle-colorful.svg b/packages/icons/src/svgs/gxc-circle-colorful.svg
index 9aabc7d9d..fbb7466ea 100644
--- a/packages/icons/src/svgs/gxc-circle-colorful.svg
+++ b/packages/icons/src/svgs/gxc-circle-colorful.svg
@@ -1 +1 @@
-<svg id="ant-web3-icon-gxc-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 446.4 446.4"><defs><linearGradient id="ant-web3-icon-gxc-circle-colorful-linear-gradient" x1="269.95" y1="127.96" x2="269.95" y2="416" gradientTransform="matrix(1, 0, 0, -1, 0, 542)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2f75bb"/><stop offset="1" stop-color="#0a4185"/></linearGradient></defs><title>gxchain-gxc-logo</title><circle cx="223.2" cy="223.2" r="223.2" style="fill:#b3b3b3"/><path d="M140.7,140.8c18.28-19.12,51.67-19.88,70.57-1.3q29.6,28.93,58.57,58.41c20.57-19.54,39.8-40.38,60.45-59.84,19.65-17.74,53-15.6,70.49,4.28,17.89,18.74,17.6,51.45-1,69.65-19.11,19.46-38.46,38.62-57.73,57.91,19.69,20.3,40.22,39.79,59.74,60.34,17.52,19.21,15.84,51.91-3.13,69.57-18.69,18.86-52.17,18.91-70.82,0-19.4-19-38.38-38.54-57.65-57.66-20.57,19.79-40.18,40.55-61,60.13-19.9,17.66-53.47,15-70.61-5.24-17.26-18.7-16.85-50.57,1.17-68.69C156.67,311,173.89,293.93,191.16,277c7.23,7.21,14.47,14.47,21.7,21.68-16.93,17.49-34.74,34.22-51.42,52-11.25,11.53-1.34,33,14.46,32.75,9.57,0.84,16.18-7.09,22.41-13.08,16.51-16.82,33.28-33.34,49.79-50.15-36-36.31-72.58-72.13-108.4-108.61-18.69-18.83-18.1-52.42,1-70.7m20.9,48.82c19.06,19.88,38.84,39,58.23,58.59q14-14.22,28.26-28.26c-18.77-18.91-37.46-38-56.48-56.61-6.06-6.54-16.43-9-24.34-4.28-11,5.33-14.46,21.68-5.69,30.57m186.34-25.79c-35.79,35.14-70.86,71-106.48,106.34,9.62,9.31,19.19,18.66,28.55,28.22,7.19-7.09,14.34-14.26,21.49-21.43,7.23,7.21,14.42,14.47,21.7,21.64-7.06,7.21-14.17,14.34-21.36,21.47,19.31,19.42,38.25,39.21,58.2,58,10.12,10.66,29.77,4.19,32.69-9.85,3.13-9.94-4-18.53-10.74-24.78q-47.6-47.37-95-94.94,10.85-10.82,21.61-21.72c7.19,7.17,14.38,14.34,21.74,21.39,18.94-19.62,39-38.16,57.65-58.08,9.41-9.14,5.64-26.63-6.35-31.58-8.07-4.15-17.9-1.22-23.71,5.32h0Z" transform="translate(-46.58 -43.27)" style="fill:url(#ant-web3-icon-gxc-circle-colorful-linear-gradient)"/></svg>
\ No newline at end of file
+<svg id="ant-web3-icon-gxc-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 446.4 446.4"><defs><linearGradient id="ant-web3-icon-gxc-circle-colorful-linear-gradient" x1="269.95" y1="127.96" x2="269.95" y2="416" gradientTransform="matrix(1, 0, 0, -1, 0, 542)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2f75bb"/><stop offset="1" stop-color="#0a4185"/></linearGradient></defs><title>gxchain-gxc-logo</title><circle cx="223.2" cy="223.2" r="223.2" fill="#b3b3b3"/><path d="M140.7,140.8c18.28-19.12,51.67-19.88,70.57-1.3q29.6,28.93,58.57,58.41c20.57-19.54,39.8-40.38,60.45-59.84,19.65-17.74,53-15.6,70.49,4.28,17.89,18.74,17.6,51.45-1,69.65-19.11,19.46-38.46,38.62-57.73,57.91,19.69,20.3,40.22,39.79,59.74,60.34,17.52,19.21,15.84,51.91-3.13,69.57-18.69,18.86-52.17,18.91-70.82,0-19.4-19-38.38-38.54-57.65-57.66-20.57,19.79-40.18,40.55-61,60.13-19.9,17.66-53.47,15-70.61-5.24-17.26-18.7-16.85-50.57,1.17-68.69C156.67,311,173.89,293.93,191.16,277c7.23,7.21,14.47,14.47,21.7,21.68-16.93,17.49-34.74,34.22-51.42,52-11.25,11.53-1.34,33,14.46,32.75,9.57,0.84,16.18-7.09,22.41-13.08,16.51-16.82,33.28-33.34,49.79-50.15-36-36.31-72.58-72.13-108.4-108.61-18.69-18.83-18.1-52.42,1-70.7m20.9,48.82c19.06,19.88,38.84,39,58.23,58.59q14-14.22,28.26-28.26c-18.77-18.91-37.46-38-56.48-56.61-6.06-6.54-16.43-9-24.34-4.28-11,5.33-14.46,21.68-5.69,30.57m186.34-25.79c-35.79,35.14-70.86,71-106.48,106.34,9.62,9.31,19.19,18.66,28.55,28.22,7.19-7.09,14.34-14.26,21.49-21.43,7.23,7.21,14.42,14.47,21.7,21.64-7.06,7.21-14.17,14.34-21.36,21.47,19.31,19.42,38.25,39.21,58.2,58,10.12,10.66,29.77,4.19,32.69-9.85,3.13-9.94-4-18.53-10.74-24.78q-47.6-47.37-95-94.94,10.85-10.82,21.61-21.72c7.19,7.17,14.38,14.34,21.74,21.39,18.94-19.62,39-38.16,57.65-58.08,9.41-9.14,5.64-26.63-6.35-31.58-8.07-4.15-17.9-1.22-23.71,5.32h0Z" transform="translate(-46.58 -43.27)" fill="url(#ant-web3-icon-gxc-circle-colorful-linear-gradient)"/></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/hedg-colorful.svg b/packages/icons/src/svgs/hedg-colorful.svg
index 9c2c757fa..6fc7f22da 100644
--- a/packages/icons/src/svgs/hedg-colorful.svg
+++ b/packages/icons/src/svgs/hedg-colorful.svg
@@ -1 +1 @@
-<svg id="ant-web3-icon-hedg-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 71.08 90.59"><defs><linearGradient id="ant-web3-icon-hedg-colorful-linear-gradient" x1="9.51" y1="72.74" x2="61.57" y2="20.67" gradientTransform="matrix(1, 0, 0, -1, 0, 92)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a6ff33"/><stop offset="1" stop-color="#13afbc"/></linearGradient></defs><title>hedgetrade-hedg-logo</title><polygon points="52.8 15.54 48.52 39.82 24.49 39.82 28.77 15.54 13.23 15.54 2.74 75.05 0 90.59 18.28 75.05 18.28 75.05 22.3 52.22 46.33 52.22 42.3 75.05 57.84 75.05 68.34 15.54 71.08 0 52.8 15.54" style="fill:url(#ant-web3-icon-hedg-colorful-linear-gradient)"/></svg>
\ No newline at end of file
+<svg id="ant-web3-icon-hedg-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 71.08 90.59"><defs><linearGradient id="ant-web3-icon-hedg-colorful-linear-gradient" x1="9.51" y1="72.74" x2="61.57" y2="20.67" gradientTransform="matrix(1, 0, 0, -1, 0, 92)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a6ff33"/><stop offset="1" stop-color="#13afbc"/></linearGradient></defs><title>hedgetrade-hedg-logo</title><polygon points="52.8 15.54 48.52 39.82 24.49 39.82 28.77 15.54 13.23 15.54 2.74 75.05 0 90.59 18.28 75.05 18.28 75.05 22.3 52.22 46.33 52.22 42.3 75.05 57.84 75.05 68.34 15.54 71.08 0 52.8 15.54" fill="url(#ant-web3-icon-hedg-colorful-linear-gradient)"/></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/hex-colorful.svg b/packages/icons/src/svgs/hex-colorful.svg
index a5022581c..f41c34685 100644
--- a/packages/icons/src/svgs/hex-colorful.svg
+++ b/packages/icons/src/svgs/hex-colorful.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 338.51 297.23"><defs><linearGradient id="ant-web3-icon-hex-colorful-linear-gradient" x1="84.63" y1="295.19" x2="253.89" y2="2.04" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffdc00"/><stop offset="0.33" stop-color="#e58e2f"/><stop offset="0.67" stop-color="#db2d72"/><stop offset="1" stop-color="#f0f"/></linearGradient></defs><title>Asset 1</title><g id="ant-web3-icon-hex-colorful-Layer_2"><g id="ant-web3-icon-hex-colorful-logo"><path d="M79.56,290.47l-22.92-39.7a5.28,5.28,0,0,1,0-4.65l25.45-44.07a5.24,5.24,0,0,1,4.06-2.35h50.89a5.26,5.26,0,0,1,4.07,2.35l25.45,44.07a5.32,5.32,0,0,1,0,4.7l-25.45,44.07a5.33,5.33,0,0,1-4,2.34H91.36A15.43,15.43,0,0,1,79.56,290.47Zm165.27-90.69L194.13,112a7.21,7.21,0,0,0-5.56-3.21H87.17A7.21,7.21,0,0,0,81.61,112l-50.7,87.82a7.18,7.18,0,0,0,0,6.42L45.77,232l26-45a8.22,8.22,0,0,1,6.43-3.72H145a8.22,8.22,0,0,1,6.43,3.72l33.41,57.86a8.24,8.24,0,0,1,0,7.43l-26,45h29.7a7.19,7.19,0,0,0,5.56-3.22l50.7-87.81A7.18,7.18,0,0,0,244.83,199.78Zm92-58.09L259.06,6.93a15.37,15.37,0,0,0-12-6.93H91.45a15.37,15.37,0,0,0-12,6.93L1.65,141.69a15.36,15.36,0,0,0,0,13.85l17.83,30.88,51.7-89.56a10.14,10.14,0,0,1,7.94-4.58H196.53a10.14,10.14,0,0,1,7.94,4.58l58.71,101.69a10.13,10.13,0,0,1,0,9.16l-51.69,89.52h35.57a15.37,15.37,0,0,0,12-6.93l77.8-134.76A15.36,15.36,0,0,0,336.86,141.69Z" style="fill:url(#ant-web3-icon-hex-colorful-linear-gradient)"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 338.51 297.23"><defs><linearGradient id="ant-web3-icon-hex-colorful-linear-gradient" x1="84.63" y1="295.19" x2="253.89" y2="2.04" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffdc00"/><stop offset="0.33" stop-color="#e58e2f"/><stop offset="0.67" stop-color="#db2d72"/><stop offset="1" stop-color="#f0f"/></linearGradient></defs><title>Asset 1</title><g id="ant-web3-icon-hex-colorful-Layer_2"><g id="ant-web3-icon-hex-colorful-logo"><path d="M79.56,290.47l-22.92-39.7a5.28,5.28,0,0,1,0-4.65l25.45-44.07a5.24,5.24,0,0,1,4.06-2.35h50.89a5.26,5.26,0,0,1,4.07,2.35l25.45,44.07a5.32,5.32,0,0,1,0,4.7l-25.45,44.07a5.33,5.33,0,0,1-4,2.34H91.36A15.43,15.43,0,0,1,79.56,290.47Zm165.27-90.69L194.13,112a7.21,7.21,0,0,0-5.56-3.21H87.17A7.21,7.21,0,0,0,81.61,112l-50.7,87.82a7.18,7.18,0,0,0,0,6.42L45.77,232l26-45a8.22,8.22,0,0,1,6.43-3.72H145a8.22,8.22,0,0,1,6.43,3.72l33.41,57.86a8.24,8.24,0,0,1,0,7.43l-26,45h29.7a7.19,7.19,0,0,0,5.56-3.22l50.7-87.81A7.18,7.18,0,0,0,244.83,199.78Zm92-58.09L259.06,6.93a15.37,15.37,0,0,0-12-6.93H91.45a15.37,15.37,0,0,0-12,6.93L1.65,141.69a15.36,15.36,0,0,0,0,13.85l17.83,30.88,51.7-89.56a10.14,10.14,0,0,1,7.94-4.58H196.53a10.14,10.14,0,0,1,7.94,4.58l58.71,101.69a10.13,10.13,0,0,1,0,9.16l-51.69,89.52h35.57a15.37,15.37,0,0,0,12-6.93l77.8-134.76A15.36,15.36,0,0,0,336.86,141.69Z" fill="url(#ant-web3-icon-hex-colorful-linear-gradient)"/></g></g></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/inj-colorful.svg b/packages/icons/src/svgs/inj-colorful.svg
index c57fc5b4b..8ff16a02c 100644
--- a/packages/icons/src/svgs/inj-colorful.svg
+++ b/packages/icons/src/svgs/inj-colorful.svg
@@ -1,21 +1,21 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-inj-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-inj-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" enable-background="new 0 0 400 400" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-inj-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="182.2531" x2="400" y2="182.2531" gradientTransform="matrix(1 0 0 -1 0 399.89)">
-	<stop offset="0" style="stop-color:#0082FA"/>
-	<stop offset="1" style="stop-color:#00F2FE"/>
+	<stop offset="0" stop-color="#0082FA"/>
+	<stop offset="1" stop-color="#00F2FE"/>
 </linearGradient>
 <path d="M48.5,69.1C51,66,53.6,63,56.2,60c0.1-0.1,0.4-0.2,0.5-0.3c0.2-0.3,0.6-0.5,0.9-0.8l0.2-0.3
 	c1.8-1.7,3.8-3.5,6-5.2c8-6,16.2-10.6,24.9-13.7c28-9.8,59.1-3.8,83.5,19.3c34.1,31.9,31,83.4,3.8,117.6
 	c-34.4,51-93.4,122.1-11.7,185.8c14.7,11.5,25.6,20.9,71.9,34.3c-30.3,5.6-58.4,3.8-89.6-4.1c-22.1-12.5-56.9-39.2-68.7-75.3
 	c-17.9-54.7,31.5-136.6,55.3-168.1c32.7-43.6-20.2-90.8-59.3-38.1C53.7,138.6,18,216.3,30.4,274c7.2,32.7,16.9,56.5,55.2,89.3
-	c-7.1-4.2-14-8.9-20.7-14.3C-24,266.1-13.7,137.9,48.5,69.1z" style="fill: url(#ant-web3-icon-inj-colorful-SVGID_1_);"/>
+	c-7.1-4.2-14-8.9-20.7-14.3C-24,266.1-13.7,137.9,48.5,69.1z" fill=" url(#ant-web3-icon-inj-colorful-SVGID_1_)"/>
 <linearGradient id="ant-web3-icon-inj-colorful-SVGID_00000027590406948247584680000011222828394992047503_" gradientUnits="userSpaceOnUse" x1="2.939412e-05" y1="217.5268" x2="400" y2="217.5268" gradientTransform="matrix(1 0 0 -1 0 399.89)">
-	<stop offset="0" style="stop-color:#0082FA"/>
-	<stop offset="1" style="stop-color:#00F2FE"/>
+	<stop offset="0" stop-color="#0082FA"/>
+	<stop offset="1" stop-color="#00F2FE"/>
 </linearGradient>
-<path style="fill:url(#ant-web3-icon-inj-colorful-SVGID_00000027590406948247584680000011222828394992047503_);" d="M351.5,330.9c-2.5,3.1-5.1,6.1-7.7,9.1
+<path fill="url(#ant-web3-icon-inj-colorful-SVGID_00000027590406948247584680000011222828394992047503_)" d="M351.5,330.9c-2.5,3.1-5.1,6.1-7.7,9.1
 	c-0.1,0.1-0.4,0.2-0.5,0.3c-0.2,0.3-0.6,0.5-0.9,0.8l-0.2,0.3c-1.8,1.7-3.8,3.5-6,5.1c-8,6-16.2,10.6-24.9,13.7
 	c-28,9.8-59.1,3.8-83.5-19.3c-34.1-31.9-31-83.4-3.8-117.6c34.4-51,93.4-122.1,11.7-185.8c-14.7-11.5-25.6-20.9-71.9-34.3
 	c30.3-5.6,58.4-3.8,89.6,4.1c22.1,12.5,56.9,39.2,68.7,75.3c17.9,54.7-31.5,136.6-55.3,168.1c-32.7,43.6,20.2,90.8,59.3,38.1
diff --git a/packages/icons/src/svgs/iqn-colorful.svg b/packages/icons/src/svgs/iqn-colorful.svg
index 419846815..50e3433f7 100644
--- a/packages/icons/src/svgs/iqn-colorful.svg
+++ b/packages/icons/src/svgs/iqn-colorful.svg
@@ -1 +1 @@
-<svg id="ant-web3-icon-iqn-colorful-Logo_color" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88.4 98"><defs><linearGradient id="ant-web3-icon-iqn-colorful-linear-gradient" x1="4.94" y1="29.33" x2="24.49" y2="63.19" gradientTransform="matrix(1, 0, 0, -1, 0, 100.1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00dad9"/><stop offset="1" stop-color="#095fa7"/></linearGradient><linearGradient id="ant-web3-icon-iqn-colorful-linear-gradient-2" x1="30.7" y1="94.14" x2="53.24" y2="55.1" gradientTransform="matrix(1, 0, 0, -1, 0, 100.1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0bf7df"/><stop offset="1" stop-color="#0095ff"/></linearGradient><linearGradient id="ant-web3-icon-iqn-colorful-linear-gradient-3" x1="94.84" y1="64.66" x2="14.39" y2="8.33" gradientTransform="matrix(1, 0, 0, -1, 0, 100.1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00fcc6"/><stop offset="1" stop-color="#0095ff"/></linearGradient></defs><title>iqeon-iqn-logo</title><path d="M.1,30.55a8.59,8.59,0,0,1,10.3-1.5l35.2,20-35.3,20A8.61,8.61,0,0,1,0,67.55C.1,67.55.1,28.15.1,30.55Z" style="fill:url(#ant-web3-icon-iqn-colorful-linear-gradient)"/><path d="M83.9,20.35a8.12,8.12,0,0,1-3.9,9.2L45.6,49.05l-35.3-20A8.61,8.61,0,0,0,0,30.55a12.12,12.12,0,0,1,6.3-10.5L38.7,1.65a12.66,12.66,0,0,1,12.5,0Z" style="fill:url(#ant-web3-icon-iqn-colorful-linear-gradient-2)"/><path d="M10.3,69.05,80,29.55c3.3-1.9,4.1-5.7,3.2-9.2,3.7,2.2,5.2,6.2,5.2,10.4v36.7c0,4.4-1.7,8.4-5.5,10.6l-32,18.3a12.29,12.29,0,0,1-12.3,0L6.2,78.05A12.45,12.45,0,0,1,0,67.55,8.61,8.61,0,0,0,10.3,69.05Z" style="fill:url(#ant-web3-icon-iqn-colorful-linear-gradient-3)"/></svg>
\ No newline at end of file
+<svg id="ant-web3-icon-iqn-colorful-Logo_color" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88.4 98"><defs><linearGradient id="ant-web3-icon-iqn-colorful-linear-gradient" x1="4.94" y1="29.33" x2="24.49" y2="63.19" gradientTransform="matrix(1, 0, 0, -1, 0, 100.1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00dad9"/><stop offset="1" stop-color="#095fa7"/></linearGradient><linearGradient id="ant-web3-icon-iqn-colorful-linear-gradient-2" x1="30.7" y1="94.14" x2="53.24" y2="55.1" gradientTransform="matrix(1, 0, 0, -1, 0, 100.1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0bf7df"/><stop offset="1" stop-color="#0095ff"/></linearGradient><linearGradient id="ant-web3-icon-iqn-colorful-linear-gradient-3" x1="94.84" y1="64.66" x2="14.39" y2="8.33" gradientTransform="matrix(1, 0, 0, -1, 0, 100.1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00fcc6"/><stop offset="1" stop-color="#0095ff"/></linearGradient></defs><title>iqeon-iqn-logo</title><path d="M.1,30.55a8.59,8.59,0,0,1,10.3-1.5l35.2,20-35.3,20A8.61,8.61,0,0,1,0,67.55C.1,67.55.1,28.15.1,30.55Z" fill="url(#ant-web3-icon-iqn-colorful-linear-gradient)"/><path d="M83.9,20.35a8.12,8.12,0,0,1-3.9,9.2L45.6,49.05l-35.3-20A8.61,8.61,0,0,0,0,30.55a12.12,12.12,0,0,1,6.3-10.5L38.7,1.65a12.66,12.66,0,0,1,12.5,0Z" fill="url(#ant-web3-icon-iqn-colorful-linear-gradient-2)"/><path d="M10.3,69.05,80,29.55c3.3-1.9,4.1-5.7,3.2-9.2,3.7,2.2,5.2,6.2,5.2,10.4v36.7c0,4.4-1.7,8.4-5.5,10.6l-32,18.3a12.29,12.29,0,0,1-12.3,0L6.2,78.05A12.45,12.45,0,0,1,0,67.55,8.61,8.61,0,0,0,10.3,69.05Z" fill="url(#ant-web3-icon-iqn-colorful-linear-gradient-3)"/></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/iris-circle-colorful.svg b/packages/icons/src/svgs/iris-circle-colorful.svg
index d6e11b1cd..7b6b35752 100644
--- a/packages/icons/src/svgs/iris-circle-colorful.svg
+++ b/packages/icons/src/svgs/iris-circle-colorful.svg
@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-iris-circle-colorful-图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-iris-circle-colorful-图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
 
 <g>
 	<linearGradient id="ant-web3-icon-iris-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="96.0974" y1="902.5025" x2="876.0774" y2="122.5226">
-		<stop offset="0" style="stop-color:#009DDE"/>
-		<stop offset="0.5" style="stop-color:#694D9F"/>
-		<stop offset="1" style="stop-color:#ED3554"/>
+		<stop offset="0" stop-color="#009DDE"/>
+		<stop offset="0.5" stop-color="#694D9F"/>
+		<stop offset="1" stop-color="#ED3554"/>
 	</linearGradient>
 	<path d="M303.5,724.7L74.1,750.5l134.7-310.8l-137.9-188l335.3-38.2L497.3,4l199.6,271.3l229.4-25.8L792.2,558.8
 		l136.9,186.7l-333.6,38L503,996L303.5,724.7z M398.8,704.1c-8.8,4.3-18.2,7.9-27.9,10.6l-8.8,2.4l129.3,175.8l45.9-105.6l-8.3-1.1
@@ -16,48 +16,48 @@
 		l52.7-125.9L358.3,369z M529.8,496.3L611.9,605L662,491.9l22-49.8c16.5-37.3,11.8-80.8-12.4-113.6L508.9,107.1l-73.2,168.2
 		c-3.6,8.3-6.2,17-7.8,26l-1.4,8.2l189.9-20.1L529.8,496.3z M729.3,323.9l3.2,7.7c17.6,42.1,17.2,90.1-1.2,131.6l-8.9,20l4.3,2.9
 		c8.2,5.5,15.9,11.9,23,19l6.5,6.4L843.1,311L729.3,323.9z M165.5,293.1l69.2,94.4l5.1-6.6c27.5-35.7,68.8-58.9,113.1-63.6l21.7-2.3
-		l0.4-5.3c0.7-10.9,2.6-21.8,5.5-32.4l2.5-9L165.5,293.1z" style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_1_);"/>
+		l0.4-5.3c0.7-10.9,2.6-21.8,5.5-32.4l2.5-9L165.5,293.1z" fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_1_)"/>
 	<linearGradient id="ant-web3-icon-iris-circle-colorful-SVGID_2_" gradientUnits="userSpaceOnUse" x1="181.1974" y1="987.6026" x2="961.1775" y2="207.6226">
-		<stop offset="0" style="stop-color:#009DDE"/>
-		<stop offset="0.5" style="stop-color:#694D9F"/>
-		<stop offset="1" style="stop-color:#ED3554"/>
+		<stop offset="0" stop-color="#009DDE"/>
+		<stop offset="0.5" stop-color="#694D9F"/>
+		<stop offset="1" stop-color="#ED3554"/>
 	</linearGradient>
 	<path d="M451.6,1000c-144-13.9-273.4-88.8-358.1-207.5l58-6.5c9.6,11.8,19.8,23.1,30.3,33.7
-		c62.9,63.2,141.6,105.8,227.9,123.4L451.6,1000z" style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_2_);"/>
+		c62.9,63.2,141.6,105.8,227.9,123.4L451.6,1000z" fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_2_)"/>
 	<linearGradient id="ant-web3-icon-iris-circle-colorful-SVGID_3_" gradientUnits="userSpaceOnUse" x1="403.7268" y1="1210.1318" x2="1183.7068" y2="430.152">
-		<stop offset="0" style="stop-color:#009DDE"/>
-		<stop offset="0.5" style="stop-color:#694D9F"/>
-		<stop offset="1" style="stop-color:#ED3554"/>
+		<stop offset="0" stop-color="#009DDE"/>
+		<stop offset="0.5" stop-color="#694D9F"/>
+		<stop offset="1" stop-color="#ED3554"/>
 	</linearGradient>
 	<path d="M572.4,946.3c93.4-15.1,178.3-58.8,245.8-126.6c6-6.1,12.1-12.6,18.2-19.4l70.3-8
-		C822.3,910.9,693.1,985.9,549.1,1000L572.4,946.3z" style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_3_);"/>
+		C822.3,910.9,693.1,985.9,549.1,1000L572.4,946.3z" fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_3_)"/>
 	<linearGradient id="ant-web3-icon-iris-circle-colorful-SVGID_4_" gradientUnits="userSpaceOnUse" x1="324.4724" y1="1130.8776" x2="1104.4524" y2="350.8976">
-		<stop offset="0" style="stop-color:#009DDE"/>
-		<stop offset="0.5" style="stop-color:#694D9F"/>
-		<stop offset="1" style="stop-color:#ED3554"/>
+		<stop offset="0" stop-color="#009DDE"/>
+		<stop offset="0.5" stop-color="#694D9F"/>
+		<stop offset="1" stop-color="#ED3554"/>
 	</linearGradient>
 	<path d="M921,660.3c19.2-51.1,29-105,29-160.3c0-48.8-7.7-96.8-22.8-142.6l28.2-65C985,357.7,1000,427.5,1000,500
-		c0,72.4-15,142.1-44.5,207.4L921,660.3z" style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_4_);"/>
+		c0,72.4-15,142.1-44.5,207.4L921,660.3z" fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_4_)"/>
 	<linearGradient id="ant-web3-icon-iris-circle-colorful-SVGID_5_" gradientUnits="userSpaceOnUse" x1="-130.9276" y1="675.4775" x2="649.0525" y2="-104.5023">
-		<stop offset="0" style="stop-color:#009DDE"/>
-		<stop offset="0.5" style="stop-color:#694D9F"/>
-		<stop offset="1" style="stop-color:#ED3554"/>
+		<stop offset="0" stop-color="#009DDE"/>
+		<stop offset="0.5" stop-color="#694D9F"/>
+		<stop offset="1" stop-color="#ED3554"/>
 	</linearGradient>
 	<path d="M44.8,708.1C15.1,642.6,0,572.7,0,500c0-73.1,15.2-143.4,45.3-209.1l34.4,47C60,389.5,50,444,50,500
-		c0,49,7.7,97.1,22.9,143.1L44.8,708.1z" style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_5_);"/>
+		c0,49,7.7,97.1,22.9,143.1L44.8,708.1z" fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_5_)"/>
 	<linearGradient id="ant-web3-icon-iris-circle-colorful-SVGID_6_" gradientUnits="userSpaceOnUse" x1="-210.0172" y1="596.3879" x2="569.9626" y2="-183.5922">
-		<stop offset="0" style="stop-color:#009DDE"/>
-		<stop offset="0.5" style="stop-color:#694D9F"/>
-		<stop offset="1" style="stop-color:#ED3554"/>
+		<stop offset="0" stop-color="#009DDE"/>
+		<stop offset="0.5" stop-color="#694D9F"/>
+		<stop offset="1" stop-color="#ED3554"/>
 	</linearGradient>
 	<path d="M95.6,204.6C180.2,87.8,308.6,13.8,451.3,0L428,53.6c-93.5,15-178.6,58.8-246.2,126.7
-		c-5.1,5.1-10.2,10.6-15.3,16.2L95.6,204.6z" style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_6_);"/>
+		c-5.1,5.1-10.2,10.6-15.3,16.2L95.6,204.6z" fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_6_)"/>
 	<linearGradient id="ant-web3-icon-iris-circle-colorful-SVGID_7_" gradientUnits="userSpaceOnUse" x1="12.4973" y1="818.9024" x2="792.4774" y2="38.9227">
-		<stop offset="0" style="stop-color:#009DDE"/>
-		<stop offset="0.5" style="stop-color:#694D9F"/>
-		<stop offset="1" style="stop-color:#ED3554"/>
+		<stop offset="0" stop-color="#009DDE"/>
+		<stop offset="0.5" stop-color="#694D9F"/>
+		<stop offset="1" stop-color="#ED3554"/>
 	</linearGradient>
 	<path d="M848.6,214c-9.6-11.8-19.8-23.1-30.4-33.7C755.4,117.2,676.8,74.6,590.7,57L548.8,0
-		c143.9,14,273.1,88.9,357.7,207.5L848.6,214z" style="fill: url(#ant-web3-icon-iris-circle-colorful-SVGID_7_);"/>
+		c143.9,14,273.1,88.9,357.7,207.5L848.6,214z" fill=" url(#ant-web3-icon-iris-circle-colorful-SVGID_7_)"/>
 </g>
 </svg>
diff --git a/packages/icons/src/svgs/karma-colorful.svg b/packages/icons/src/svgs/karma-colorful.svg
index c3bf9c3e0..003b61f1e 100644
--- a/packages/icons/src/svgs/karma-colorful.svg
+++ b/packages/icons/src/svgs/karma-colorful.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 43.85 34.28"><defs><linearGradient id="ant-web3-icon-karma-colorful-linear-gradient" x1="11.98" y1="20.11" x2="31.73" y2="20.11" gradientTransform="matrix(1, 0, 0, -1, 0, 37.25)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#29dce8"/><stop offset="1" stop-color="#29dc93"/></linearGradient><linearGradient id="ant-web3-icon-karma-colorful-linear-gradient-2" x1="16.99" y1="34.1" x2="17.25" y2="34.1" xlink:href="#ant-web3-icon-karma-colorful-linear-gradient"/><linearGradient id="ant-web3-icon-karma-colorful-linear-gradient-3" x1="0.14" y1="23.85" x2="15.71" y2="23.85" xlink:href="#ant-web3-icon-karma-colorful-linear-gradient"/><linearGradient id="ant-web3-icon-karma-colorful-linear-gradient-4" x1="27.91" y1="23.8" x2="43.78" y2="23.8" xlink:href="#ant-web3-icon-karma-colorful-linear-gradient"/><linearGradient id="ant-web3-icon-karma-colorful-linear-gradient-5" x1="26.28" y1="12.23" x2="26.28" y2="12.23" xlink:href="#ant-web3-icon-karma-colorful-linear-gradient"/></defs><title>Asset 1</title><g id="ant-web3-icon-karma-colorful-Layer_2"><g id="ant-web3-icon-karma-colorful-Layer_1-2"><path d="M22.48.11s4.5,1.8,8.4,10.7a22.27,22.27,0,0,1,.9,4.8s.2,5.9-4.1,7.7a2.38,2.38,0,0,0-1.7,2.6c.2,2.1.6,5.4.6,6.1a2.35,2.35,0,0,1-2.3,2.1,15.91,15.91,0,0,1-4.5,0c-1.5-.4-1.7-1.2-1.7-1.2s-.7-1-.2-5.4c0,0,1-3.1-1.9-4.3s-3.9-6.5-3.9-6.5-.9-5.2,4.7-12.5c0,0,3.5-4.4,5.6-4.2" style="fill:url(#ant-web3-icon-karma-colorful-linear-gradient)"/><path d="M17.28,3l-.3.3Z" style="fill:url(#ant-web3-icon-karma-colorful-linear-gradient-2)"/><path d="M14.88,6.11a14.62,14.62,0,0,0-5.1-2.3,27.38,27.38,0,0,0-5.6-.6H2.88a2.9,2.9,0,0,0-2.3,1,2.47,2.47,0,0,0-.5,2.2,21.18,21.18,0,0,0,5.2,11.1,25,25,0,0,0,4.7,3.9,19.81,19.81,0,0,0,5.7,2.2c-3-1.3-4-6.7-4-6.7-2.9-1.8-4.8-4.5-6.2-8.5h.1a13,13,0,0,1,7.1,2.3A16.07,16.07,0,0,1,14.88,6.11Z" style="fill:url(#ant-web3-icon-karma-colorful-linear-gradient-3)"/><path d="M31.18,10.71a12.77,12.77,0,0,1,7.1-2.3h.1c-1.4,4-3.4,6.7-6.3,8.5v-.6c-.1,1.6-.7,5.9-4.2,7.4a20.74,20.74,0,0,0,6-2.3,16.07,16.07,0,0,0,4.7-3.9,22.82,22.82,0,0,0,5.2-11.1,2.47,2.47,0,0,0-.5-2.2,3.26,3.26,0,0,0-2.3-1h-1.3a26,26,0,0,0-5.6.6,13.76,13.76,0,0,0-5.2,2.4A25.33,25.33,0,0,1,31.18,10.71Z" style="fill:url(#ant-web3-icon-karma-colorful-linear-gradient-4)"/><path d="M26.28,25Z" style="fill:url(#ant-web3-icon-karma-colorful-linear-gradient-5)"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 43.85 34.28"><defs><linearGradient id="ant-web3-icon-karma-colorful-linear-gradient" x1="11.98" y1="20.11" x2="31.73" y2="20.11" gradientTransform="matrix(1, 0, 0, -1, 0, 37.25)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#29dce8"/><stop offset="1" stop-color="#29dc93"/></linearGradient><linearGradient id="ant-web3-icon-karma-colorful-linear-gradient-2" x1="16.99" y1="34.1" x2="17.25" y2="34.1" xlink:href="#ant-web3-icon-karma-colorful-linear-gradient"/><linearGradient id="ant-web3-icon-karma-colorful-linear-gradient-3" x1="0.14" y1="23.85" x2="15.71" y2="23.85" xlink:href="#ant-web3-icon-karma-colorful-linear-gradient"/><linearGradient id="ant-web3-icon-karma-colorful-linear-gradient-4" x1="27.91" y1="23.8" x2="43.78" y2="23.8" xlink:href="#ant-web3-icon-karma-colorful-linear-gradient"/><linearGradient id="ant-web3-icon-karma-colorful-linear-gradient-5" x1="26.28" y1="12.23" x2="26.28" y2="12.23" xlink:href="#ant-web3-icon-karma-colorful-linear-gradient"/></defs><title>Asset 1</title><g id="ant-web3-icon-karma-colorful-Layer_2"><g id="ant-web3-icon-karma-colorful-Layer_1-2"><path d="M22.48.11s4.5,1.8,8.4,10.7a22.27,22.27,0,0,1,.9,4.8s.2,5.9-4.1,7.7a2.38,2.38,0,0,0-1.7,2.6c.2,2.1.6,5.4.6,6.1a2.35,2.35,0,0,1-2.3,2.1,15.91,15.91,0,0,1-4.5,0c-1.5-.4-1.7-1.2-1.7-1.2s-.7-1-.2-5.4c0,0,1-3.1-1.9-4.3s-3.9-6.5-3.9-6.5-.9-5.2,4.7-12.5c0,0,3.5-4.4,5.6-4.2" fill="url(#ant-web3-icon-karma-colorful-linear-gradient)"/><path d="M17.28,3l-.3.3Z" fill="url(#ant-web3-icon-karma-colorful-linear-gradient-2)"/><path d="M14.88,6.11a14.62,14.62,0,0,0-5.1-2.3,27.38,27.38,0,0,0-5.6-.6H2.88a2.9,2.9,0,0,0-2.3,1,2.47,2.47,0,0,0-.5,2.2,21.18,21.18,0,0,0,5.2,11.1,25,25,0,0,0,4.7,3.9,19.81,19.81,0,0,0,5.7,2.2c-3-1.3-4-6.7-4-6.7-2.9-1.8-4.8-4.5-6.2-8.5h.1a13,13,0,0,1,7.1,2.3A16.07,16.07,0,0,1,14.88,6.11Z" fill="url(#ant-web3-icon-karma-colorful-linear-gradient-3)"/><path d="M31.18,10.71a12.77,12.77,0,0,1,7.1-2.3h.1c-1.4,4-3.4,6.7-6.3,8.5v-.6c-.1,1.6-.7,5.9-4.2,7.4a20.74,20.74,0,0,0,6-2.3,16.07,16.07,0,0,0,4.7-3.9,22.82,22.82,0,0,0,5.2-11.1,2.47,2.47,0,0,0-.5-2.2,3.26,3.26,0,0,0-2.3-1h-1.3a26,26,0,0,0-5.6.6,13.76,13.76,0,0,0-5.2,2.4A25.33,25.33,0,0,1,31.18,10.71Z" fill="url(#ant-web3-icon-karma-colorful-linear-gradient-4)"/><path d="M26.28,25Z" fill="url(#ant-web3-icon-karma-colorful-linear-gradient-5)"/></g></g></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/kmd-circle-colorful.svg b/packages/icons/src/svgs/kmd-circle-colorful.svg
index 9815d5525..07cd82703 100644
--- a/packages/icons/src/svgs/kmd-circle-colorful.svg
+++ b/packages/icons/src/svgs/kmd-circle-colorful.svg
@@ -1 +1 @@
-<svg id="ant-web3-icon-kmd-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 148 148"><defs><linearGradient id="ant-web3-icon-kmd-circle-colorful-linear-gradient" x1="129.11" y1="130.39" x2="19.11" y2="21.89" gradientTransform="matrix(1, 0, 0, -1, 0, 150)" gradientUnits="userSpaceOnUse"><stop offset="0.09" stop-color="#00edd3"/><stop offset="0.41" stop-color="#1b456e"/></linearGradient><linearGradient id="ant-web3-icon-kmd-circle-colorful-linear-gradient-2" x1="129.14" y1="131.85" x2="52.14" y2="53.85" gradientTransform="matrix(1, 0, 0, -1, 0, 150)" gradientUnits="userSpaceOnUse"><stop offset="0.4" stop-color="#00edd3"/><stop offset="0.89" stop-color="#1b456e"/></linearGradient></defs><title>komodo-kmd-logo</title><path d="M0,73.93a74,74,0,0,0,148,.25v-.56a72.67,72.67,0,0,0-2-16.9,7.95,7.95,0,0,0-15.47,3.63h0a58.22,58.22,0,1,1-43.06-42.9A7.94,7.94,0,0,0,97,11.55a7.83,7.83,0,0,0-5.85-9.49A73.91,73.91,0,0,0,2,56.72,75.71,75.71,0,0,0,0,73.93Z" style="fill:url(#ant-web3-icon-kmd-circle-colorful-linear-gradient)"/><path d="M111.58,19.47c-.13.13-.19.26-.26.32a11.86,11.86,0,0,0-3.18,7.07v1.27c0,.32-.06.57-.06.89A21.33,21.33,0,0,1,84.7,48.18a20.63,20.63,0,0,1-2.8-.44,12,12,0,0,1-1.6-.45,25.36,25.36,0,0,0-6.94-.76A27.89,27.89,0,0,0,55,53.91c-.25.25-.57.45-.83.76A27.74,27.74,0,1,0,93.36,93.88a28.21,28.21,0,0,0,3.12-3.75,27.8,27.8,0,0,0,4.21-22.34,14.3,14.3,0,0,1-.39-1.53c0-.07-.06-.13-.06-.26a21.35,21.35,0,0,1,16.05-25.65,16,16,0,0,1,3-.44l.44-.07a10,10,0,0,1,1.34-.06h.13a12,12,0,0,0,7.32-3.44c.45-.51.9-1,1.28-1.53a11.85,11.85,0,0,0-2.87-16.61A12,12,0,0,0,111.58,19.47Z" style="fill:url(#ant-web3-icon-kmd-circle-colorful-linear-gradient-2)"/></svg>
\ No newline at end of file
+<svg id="ant-web3-icon-kmd-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 148 148"><defs><linearGradient id="ant-web3-icon-kmd-circle-colorful-linear-gradient" x1="129.11" y1="130.39" x2="19.11" y2="21.89" gradientTransform="matrix(1, 0, 0, -1, 0, 150)" gradientUnits="userSpaceOnUse"><stop offset="0.09" stop-color="#00edd3"/><stop offset="0.41" stop-color="#1b456e"/></linearGradient><linearGradient id="ant-web3-icon-kmd-circle-colorful-linear-gradient-2" x1="129.14" y1="131.85" x2="52.14" y2="53.85" gradientTransform="matrix(1, 0, 0, -1, 0, 150)" gradientUnits="userSpaceOnUse"><stop offset="0.4" stop-color="#00edd3"/><stop offset="0.89" stop-color="#1b456e"/></linearGradient></defs><title>komodo-kmd-logo</title><path d="M0,73.93a74,74,0,0,0,148,.25v-.56a72.67,72.67,0,0,0-2-16.9,7.95,7.95,0,0,0-15.47,3.63h0a58.22,58.22,0,1,1-43.06-42.9A7.94,7.94,0,0,0,97,11.55a7.83,7.83,0,0,0-5.85-9.49A73.91,73.91,0,0,0,2,56.72,75.71,75.71,0,0,0,0,73.93Z" fill="url(#ant-web3-icon-kmd-circle-colorful-linear-gradient)"/><path d="M111.58,19.47c-.13.13-.19.26-.26.32a11.86,11.86,0,0,0-3.18,7.07v1.27c0,.32-.06.57-.06.89A21.33,21.33,0,0,1,84.7,48.18a20.63,20.63,0,0,1-2.8-.44,12,12,0,0,1-1.6-.45,25.36,25.36,0,0,0-6.94-.76A27.89,27.89,0,0,0,55,53.91c-.25.25-.57.45-.83.76A27.74,27.74,0,1,0,93.36,93.88a28.21,28.21,0,0,0,3.12-3.75,27.8,27.8,0,0,0,4.21-22.34,14.3,14.3,0,0,1-.39-1.53c0-.07-.06-.13-.06-.26a21.35,21.35,0,0,1,16.05-25.65,16,16,0,0,1,3-.44l.44-.07a10,10,0,0,1,1.34-.06h.13a12,12,0,0,0,7.32-3.44c.45-.51.9-1,1.28-1.53a11.85,11.85,0,0,0-2.87-16.61A12,12,0,0,0,111.58,19.47Z" fill="url(#ant-web3-icon-kmd-circle-colorful-linear-gradient-2)"/></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/lbc-colorful.svg b/packages/icons/src/svgs/lbc-colorful.svg
index c5a518fac..fe5c7661d 100644
--- a/packages/icons/src/svgs/lbc-colorful.svg
+++ b/packages/icons/src/svgs/lbc-colorful.svg
@@ -1 +1 @@
-<svg id="ant-web3-icon-lbc-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2499.64 1812"><defs><linearGradient id="ant-web3-icon-lbc-colorful-linear-gradient" x1="796.65" y1="1303.44" x2="256.41" y2="1301.64" gradientTransform="translate(-2257.63 -10558.66) scale(8.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#006149"/><stop offset="1" stop-color="#2f4246"/></linearGradient><linearGradient id="ant-web3-icon-lbc-colorful-linear-gradient-2" x1="796.89" y1="1319.5" x2="256.66" y2="1317.69" gradientTransform="translate(-2262.91 -10558.66) scale(8.8)" xlink:href="#ant-web3-icon-lbc-colorful-linear-gradient"/></defs><title>lbry-credits-lbc-logo</title><g id="ant-web3-icon-lbc-colorful-g4167"><g id="ant-web3-icon-lbc-colorful-g3341"><path id="ant-web3-icon-lbc-colorful-polygon3343" d="M2447.7,561.74V685.88l-1222.09,751-921-451.68,1.76-69.55,915.69,450.79,1164-714.93V600.48l-1098.82-530L61.63,828.52v339l1160.46,574.06L2433.61,998.45l34.34,52.83L1225.61,1812,0,1206.24V794.18L1283.72,0Z" style="fill:url(#ant-web3-icon-lbc-colorful-linear-gradient)"/></g><g id="ant-web3-icon-lbc-colorful-g3345"><path id="ant-web3-icon-lbc-colorful-polygon3347" d="M2431.85,1134l17.61-110.94L2342,1004.61l7-43.14L2499.64,987,2475,1141.08Z" style="fill:url(#ant-web3-icon-lbc-colorful-linear-gradient-2)"/></g></g></svg>
\ No newline at end of file
+<svg id="ant-web3-icon-lbc-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2499.64 1812"><defs><linearGradient id="ant-web3-icon-lbc-colorful-linear-gradient" x1="796.65" y1="1303.44" x2="256.41" y2="1301.64" gradientTransform="translate(-2257.63 -10558.66) scale(8.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#006149"/><stop offset="1" stop-color="#2f4246"/></linearGradient><linearGradient id="ant-web3-icon-lbc-colorful-linear-gradient-2" x1="796.89" y1="1319.5" x2="256.66" y2="1317.69" gradientTransform="translate(-2262.91 -10558.66) scale(8.8)" xlink:href="#ant-web3-icon-lbc-colorful-linear-gradient"/></defs><title>lbry-credits-lbc-logo</title><g id="ant-web3-icon-lbc-colorful-g4167"><g id="ant-web3-icon-lbc-colorful-g3341"><path id="ant-web3-icon-lbc-colorful-polygon3343" d="M2447.7,561.74V685.88l-1222.09,751-921-451.68,1.76-69.55,915.69,450.79,1164-714.93V600.48l-1098.82-530L61.63,828.52v339l1160.46,574.06L2433.61,998.45l34.34,52.83L1225.61,1812,0,1206.24V794.18L1283.72,0Z" fill="url(#ant-web3-icon-lbc-colorful-linear-gradient)"/></g><g id="ant-web3-icon-lbc-colorful-g3345"><path id="ant-web3-icon-lbc-colorful-polygon3347" d="M2431.85,1134l17.61-110.94L2342,1004.61l7-43.14L2499.64,987,2475,1141.08Z" fill="url(#ant-web3-icon-lbc-colorful-linear-gradient-2)"/></g></g></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/ldo-circle-colorful.svg b/packages/icons/src/svgs/ldo-circle-colorful.svg
index 82fbf92a4..73a28a358 100644
--- a/packages/icons/src/svgs/ldo-circle-colorful.svg
+++ b/packages/icons/src/svgs/ldo-circle-colorful.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-ldo-circle-colorful-Layer_1" xmlns:xodm="http://www.corel.com/coreldraw/odm/2003" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2500 2500" style="enable-background:new 0 0 2500 2500;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-ldo-circle-colorful-Layer_1" xmlns:xodm="http://www.corel.com/coreldraw/odm/2003" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2500 2500" enable-background="new 0 0 2500 2500" xml:space="preserve">
 
 <g id="ant-web3-icon-ldo-circle-colorful-Layer_x0020_1">
 	<g id="ant-web3-icon-ldo-circle-colorful-_2090755387392">
 		<path d="M1250,0L1250,0c690,0,1250,560,1250,1250l0,0c0,690-560,1250-1250,1250l0,0C560,2500,0,1940,0,1250l0,0
-			C0,560,560,0,1250,0z" style="fill: none;"/>
+			C0,560,560,0,1250,0z" fill=" none"/>
 		<g>
 			<g>
 				<defs>
@@ -13,19 +13,19 @@
 						C0,560,560,0,1250,0z"/>
 				</defs>
 				<clipPath id="ant-web3-icon-ldo-circle-colorful-SVGID_00000160188587584686621390000014387546349215543718_">
-					<use xlink:href="#ant-web3-icon-ldo-circle-colorful-SVGID_1_" style="overflow:visible;"/>
+					<use xlink:href="#ant-web3-icon-ldo-circle-colorful-SVGID_1_" overflow="visible"/>
 				</clipPath>
-				<g style="clip-path:url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000160188587584686621390000014387546349215543718_);">
+				<g clip-path="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000160188587584686621390000014387546349215543718_)">
 					<path id="ant-web3-icon-ldo-circle-colorful-_1" d="M0,0l2500,2500 M2500,0L0,2500" style="fill: none; stroke: #000000; stroke-miterlimit: 22.9256;"/>
 				</g>
 			</g>
 		</g>
 		
 			<linearGradient id="ant-web3-icon-ldo-circle-colorful-SVGID_00000165228026751743658530000016517460302465612473_" gradientUnits="userSpaceOnUse" x1="1250" y1="-1656" x2="1250" y2="843.9999" gradientTransform="matrix(1 0 0 1 0 1656)">
-			<stop offset="0" style="stop-color:#F89791"/>
-			<stop offset="1" style="stop-color:#F7C882"/>
+			<stop offset="0" stop-color="#F89791"/>
+			<stop offset="1" stop-color="#F7C882"/>
 		</linearGradient>
-		<path style="fill:url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000165228026751743658530000016517460302465612473_);" d="M1250,0L1250,0c690,0,1250,560,1250,1250
+		<path fill="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000165228026751743658530000016517460302465612473_)" d="M1250,0L1250,0c690,0,1250,560,1250,1250
 			l0,0c0,690-560,1250-1250,1250l0,0C560,2500,0,1940,0,1250l0,0C0,560,560,0,1250,0z"/>
 		<g>
 			<g>
@@ -34,14 +34,14 @@
 						c265,260,695,260,960,0c225-221,263-565,92-828l-15-23L1249,1472z"/>
 				</defs>
 				<clipPath id="ant-web3-icon-ldo-circle-colorful-SVGID_00000129916768327263564950000008320770272134965387_">
-					<use xlink:href="#ant-web3-icon-ldo-circle-colorful-SVGID_00000163036181998440552620000014268914133738242734_" style="overflow:visible;"/>
+					<use xlink:href="#ant-web3-icon-ldo-circle-colorful-SVGID_00000163036181998440552620000014268914133738242734_" overflow="visible"/>
 				</clipPath>
-				<g style="clip-path:url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000129916768327263564950000008320770272134965387_);">
+				<g clip-path="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000129916768327263564950000008320770272134965387_)">
 					<g>
 						
 							<radialGradient id="ant-web3-icon-ldo-circle-colorful-SVGID_00000041998727016348714760000012056648825883767482_" cx="4255.8911" cy="1058.0284" r="594" gradientTransform="matrix(-1.242690e-02 -1.5265 1.8194 -2.651850e-02 -624.3724 8621.4365)" gradientUnits="userSpaceOnUse">
-							<stop offset="0" style="stop-color:#C5C6AB"/>
-							<stop offset="1" style="stop-color:#7985AB"/>
+							<stop offset="0" stop-color="#C5C6AB"/>
+							<stop offset="1" stop-color="#7985AB"/>
 						</radialGradient>
 						
 							<circle style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000041998727016348714760000012056648825883767482_);" cx="1249" cy="1541" r="679"/>
@@ -50,34 +50,34 @@
 			</g>
 		</g>
 		<path d="M1249,1472l-557-318l-15,23c-171,263-133,607,92,828c265,260,695,260,960,0c225-221,263-565,92-828l-15-23
-			L1249,1472z" style="fill: none;"/>
+			L1249,1472z" fill=" none"/>
 		
 			<radialGradient id="ant-web3-icon-ldo-circle-colorful-SVGID_00000126316947920773211430000009595244327353372847_" cx="1249" cy="-620.0001" r="24" gradientTransform="matrix(1 0 0 1 0 1656)" gradientUnits="userSpaceOnUse">
 			<stop offset="0" style="stop-color:#0066FF;stop-opacity:0"/>
 			<stop offset="1" style="stop-color:#00C2FF;stop-opacity:0.4"/>
 		</radialGradient>
-		<polygon style="fill:url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000126316947920773211430000009595244327353372847_);" points="1249,762 769,1036 1249,1310 
+		<polygon fill="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000126316947920773211430000009595244327353372847_)" points="1249,762 769,1036 1249,1310 
 			1729,1036 		"/>
 		
 			<radialGradient id="ant-web3-icon-ldo-circle-colorful-SVGID_00000040537778241883717370000000066377911240089534_" cx="1248.5" cy="-503.5001" r="28.008" gradientTransform="matrix(1 0 0 1 0 1656)" gradientUnits="userSpaceOnUse">
 			<stop offset="0" style="stop-color:#AEE6F9;stop-opacity:0.8588"/>
-			<stop offset="1" style="stop-color:#C8D6DC"/>
+			<stop offset="1" stop-color="#C8D6DC"/>
 		</radialGradient>
-		<polygon style="fill:url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000040537778241883717370000000066377911240089534_);" points="1250,833 692,1154 1249,1472 
+		<polygon fill="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000040537778241883717370000000066377911240089534_)" points="1250,833 692,1154 1249,1472 
 			1805,1154 		"/>
 		
 			<linearGradient id="ant-web3-icon-ldo-circle-colorful-SVGID_00000103958340582352094870000003712943117012806833_" gradientUnits="userSpaceOnUse" x1="1009" y1="-1406" x2="1009" y2="-406.0001" gradientTransform="matrix(1 0 0 1 0 1656)">
-			<stop offset="0" style="stop-color:#77D4FF"/>
+			<stop offset="0" stop-color="#77D4FF"/>
 			<stop offset="1" style="stop-color:#93D6F2;stop-opacity:0.898"/>
 		</linearGradient>
-		<polygon style="fill:url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000103958340582352094870000003712943117012806833_);" points="1249,300 769,1036 1249,1310 		
+		<polygon fill="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000103958340582352094870000003712943117012806833_)" points="1249,300 769,1036 1249,1310 		
 			"/>
 		
 			<linearGradient id="ant-web3-icon-ldo-circle-colorful-SVGID_00000027599097175920634010000007977452326395958914_" gradientUnits="userSpaceOnUse" x1="1489" y1="-1406" x2="1489" y2="-406.0001" gradientTransform="matrix(1 0 0 1 0 1656)">
-			<stop offset="0" style="stop-color:#506AAC"/>
+			<stop offset="0" stop-color="#506AAC"/>
 			<stop offset="1" style="stop-color:#96CFEF;stop-opacity:0.8196"/>
 		</linearGradient>
-		<polygon style="fill:url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000027599097175920634010000007977452326395958914_);" points="1249,1310 1729,1036 1249,300 		
+		<polygon fill="url(#ant-web3-icon-ldo-circle-colorful-SVGID_00000027599097175920634010000007977452326395958914_)" points="1249,1310 1729,1036 1249,300 		
 			"/>
 	</g>
 </g>
diff --git a/packages/icons/src/svgs/leo-colorful.svg b/packages/icons/src/svgs/leo-colorful.svg
index 52bc7bc36..aa798ca6f 100644
--- a/packages/icons/src/svgs/leo-colorful.svg
+++ b/packages/icons/src/svgs/leo-colorful.svg
@@ -1,114 +1,228 @@
-<?xml version="1.0" encoding="utf-8"?>

-<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

-<svg version="1.1" id="ant-web3-icon-leo-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 197.9 222.2" style="enable-background:new 0 0 197.9 222.2;" xml:space="preserve">

-

-<title>LEO</title>

-<linearGradient id="ant-web3-icon-leo-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="56.195" y1="700.57" x2="56.195" y2="798" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">

-	<stop offset="0" style="stop-color:#F6E93D"/>

-	<stop offset="0.13" style="stop-color:#F8E330"/>

-	<stop offset="0.35" style="stop-color:#F7C730"/>

-	<stop offset="0.64" style="stop-color:#F59C2E"/>

-	<stop offset="0.98" style="stop-color:#EB5E2C"/>

-	<stop offset="1" style="stop-color:#EB5C2C"/>

-</linearGradient>

-<polygon points="46.1,95.2 46.2,95.2 47.9,95.8 49.5,96.4 51.2,96.9 52.8,97.6 54.5,98.2 56.1,98.8 57.8,99.4 59.4,100 

-	61,100.6 62.6,101.2 64.3,101.8 65.9,102.5 67.6,103 69.2,103.6 70.9,104.2 72.5,104.9 74.2,105.5 75.8,106 77.4,106.6 79.1,107.3 

-	80.8,107.9 80.8,105.3 80.8,104.9 80.8,102.8 80.8,102.8 80.8,101.3 80.8,100.2 80.8,97.6 80.8,95.1 80.8,92.5 80.8,90 80.8,87.3 

-	80.8,84.8 80.8,84.5 80.8,84.5 80.8,84.5 78.8,84.5 76.9,84.5 76.9,84.5 76.7,84.5 74.6,84.5 73,84.5 73,84.5 72.4,84.5 70.3,84.5 

-	69.2,84.5 69.2,84.5 68.1,84.5 65.9,84.5 65.3,84.5 65.3,84.5 63.8,84.5 61.7,84.5 61.6,84.5 61.5,84.5 59.5,84.5 57.7,84.5 

-	57.7,84.5 57.4,84.5 55.2,84.5 53.8,84.5 53.8,84.5 50,84.5 50,84.5 46.2,84.5 46.1,84.5 43.9,84.5 42.3,85.3 38.5,87.3 34.6,89.4 

-	30.7,91.3 27,93.3 23.1,95.4 19.2,97.3 15.4,99.4 11.5,101.4 7.7,103.3 3.9,105.4 0.4,107.2 0,164.5 3.9,167.2 7.7,169.9 

-	11.5,172.5 15.4,175.3 19.2,178 23.1,180.7 24.8,182 27,179.2 30.7,174.2 31.1,173.7 30.7,173.4 27,170.7 23.1,168 19.2,165.3 

-	15.4,162.6 11.5,159.8 10.5,159.2 10.8,112.8 11.5,112.4 15.4,110.5 19.2,108.6 23.1,106.7 27,104.8 30.7,102.8 34.6,100.9 

-	38.5,99.1 42.3,97.1 " style="fill: url(#ant-web3-icon-leo-colorful-SVGID_1_);"/>

-<linearGradient id="ant-web3-icon-leo-colorful-SVGID_2_" gradientUnits="userSpaceOnUse" x1="94.485" y1="757.28" x2="94.485" y2="838.23" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">

-	<stop offset="0" style="stop-color:#F6E93D"/>

-	<stop offset="0.13" style="stop-color:#F8E330"/>

-	<stop offset="0.35" style="stop-color:#F7C730"/>

-	<stop offset="0.64" style="stop-color:#F59C2E"/>

-	<stop offset="0.98" style="stop-color:#EB5E2C"/>

-	<stop offset="1" style="stop-color:#EB5C2C"/>

-</linearGradient>

-<polygon points="112.3,204.5 109.1,205.8 105.5,207.3 101.9,208.7 98.3,210.2 96.7,210.8 94.8,209.9 91.2,208 

-	87.6,206.3 84.1,204.4 80.5,202.6 76.9,200.9 73.3,199 69.7,197.2 66.1,195.4 62.5,193.6 58.9,191.7 55.5,190 51.9,188.2 51.5,188 

-	51.5,141.2 48.3,141.2 44.7,141.2 41.1,141.2 41.1,194.4 44.7,196.1 48.3,197.9 51.9,199.8 55.5,201.5 58.9,203.4 62.5,205.2 

-	66.1,207 69.7,208.8 73.3,210.6 76.9,212.4 80.5,214.2 84.1,216.1 87.6,217.8 91.2,219.7 94.8,221.4 96.2,222.2 98.3,221.2 

-	101.9,219.9 105.5,218.4 109.1,216.9 112.6,215.5 116.2,214.1 112.6,205.1 " style="fill: url(#ant-web3-icon-leo-colorful-SVGID_2_);"/>

-<linearGradient id="ant-web3-icon-leo-colorful-SVGID_3_" gradientUnits="userSpaceOnUse" x1="139.615" y1="733.63" x2="139.615" y2="824.07" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">

-	<stop offset="0" style="stop-color:#F6E93D"/>

-	<stop offset="0.13" style="stop-color:#F8E330"/>

-	<stop offset="0.35" style="stop-color:#F7C730"/>

-	<stop offset="0.64" style="stop-color:#F59C2E"/>

-	<stop offset="0.98" style="stop-color:#EB5E2C"/>

-	<stop offset="1" style="stop-color:#EB5C2C"/>

-</linearGradient>

-<polygon points="176.2,139.5 176.4,161.5 175.5,162.3 169.4,166.5 163.3,170.9 157.2,175.3 151.1,179.6 145,183.9 

-	139,188.3 132.9,192.6 129.3,195.2 126.8,193.3 120.8,188.6 114.7,184 108.6,179.3 102.6,174.7 101.5,173.9 101.5,150.2 

-	102.6,149.2 108.6,142.8 114.7,136.5 120.8,130.1 126.8,123.8 132.7,117.6 126.8,117.6 120.8,117.6 114.7,117.6 108.6,117.6 

-	102.6,117.6 96.4,117.6 90.3,117.6 84.3,117.6 78.2,117.6 72.1,117.6 66.1,117.6 60,117.6 66.1,124 72.1,130.3 78.2,136.6 84.3,143 

-	90.3,149.3 91.2,150.2 91.2,178.9 96.4,183 102.6,187.7 108.6,192.3 114.7,197 120.8,201.6 126.8,206.3 129,208 132.9,205.2 

-	139,201 145,196.6 151.1,192.2 157.2,188 163.3,183.6 169.4,179.2 175.5,175 181.6,170.6 186.6,166.9 187.6,139.9 181.6,139.7 " style="fill: url(#ant-web3-icon-leo-colorful-SVGID_3_);"/>

-<linearGradient id="ant-web3-icon-leo-colorful-SVGID_4_" gradientUnits="userSpaceOnUse" x1="66.615" y1="633.97" x2="66.615" y2="704.35" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">

-	<stop offset="0" style="stop-color:#F6E93D"/>

-	<stop offset="0.13" style="stop-color:#F8E330"/>

-	<stop offset="0.35" style="stop-color:#F7C730"/>

-	<stop offset="0.64" style="stop-color:#F59C2E"/>

-	<stop offset="0.98" style="stop-color:#EB5E2C"/>

-	<stop offset="1" style="stop-color:#EB5C2C"/>

-</linearGradient>

-<polygon points="9.9,88.3 10.6,88.3 10.7,58.9 14.6,56.4 19.5,53.5 24.3,50.6 29.1,47.6 33.9,44.7 38.8,41.7 43.5,38.8 

-	48.4,35.9 53.2,32.9 58.1,29.9 58.2,29.9 62.8,32.6 67.7,35.3 72.5,38.1 77.3,40.8 82.1,43.5 86.9,46.2 91.7,49 96.4,51.7 

-	96.6,51.3 101.4,42.6 96.6,39.8 91.7,37.1 86.9,34.4 82.1,31.7 77.3,28.9 72.5,26.2 67.7,23.5 62.8,20.7 58.1,18 57.9,17.9 

-	53.2,20.7 48.4,23.7 43.5,26.7 38.8,29.7 33.9,32.6 29.1,35.5 24.3,38.5 19.5,41.4 14.6,44.4 9.9,47.3 5,50.2 0.4,53.1 0.2,88.2 

-	5,88.2 " style="fill: url(#ant-web3-icon-leo-colorful-SVGID_4_);"/>

-<linearGradient id="ant-web3-icon-leo-colorful-SVGID_5_" gradientUnits="userSpaceOnUse" x1="187.26" y1="657.82" x2="187.26" y2="764.75" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">

-	<stop offset="0" style="stop-color:#F6E93D"/>

-	<stop offset="0.13" style="stop-color:#F8E330"/>

-	<stop offset="0.35" style="stop-color:#F7C730"/>

-	<stop offset="0.64" style="stop-color:#F59C2E"/>

-	<stop offset="0.98" style="stop-color:#EB5E2C"/>

-	<stop offset="1" style="stop-color:#EB5C2C"/>

-</linearGradient>

-<polygon points="197.9,61.4 195.4,59.4 192.9,57.4 190.4,55.3 187.9,53.3 185.4,51.3 182.8,49.3 180.3,47.3 177.8,45.3 

-	175.2,43.2 173.3,41.8 172.6,42.6 170.1,45.7 167.6,48.9 166.9,49.7 167.6,50.4 170.1,52.5 172.6,54.6 175.2,56.7 177.8,58.8 

-	180.3,61 182.8,63.1 185.4,65.2 186.6,66.2 186.7,113.5 185.4,114.4 182.8,116 180.3,117.6 177.8,119.2 175.2,120.8 172.6,122.4 

-	170.1,124 167.6,125.6 165.1,127.2 162.6,128.8 160.1,130.4 157.5,132 155,133.6 152.5,135.2 150,136.8 147.4,138.4 144.9,140 

-	147.4,144 150,148 150.4,148.7 152.5,147.4 155,145.9 157.5,144.3 160.1,142.8 162.6,141.1 165.1,139.6 167.6,138 170.1,136.5 

-	172.6,134.9 175.2,133.4 177.8,131.7 180.3,130.2 182.8,128.6 185.4,127.1 187.9,125.5 190.4,124 192.9,122.3 195.4,120.8 

-	197.9,119.2 " style="fill: url(#ant-web3-icon-leo-colorful-SVGID_5_);"/>

-<linearGradient id="ant-web3-icon-leo-colorful-SVGID_6_" gradientUnits="userSpaceOnUse" x1="128.46" y1="616.04" x2="128.46" y2="726.07" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">

-	<stop offset="0" style="stop-color:#F6E93D"/>

-	<stop offset="0.13" style="stop-color:#F8E330"/>

-	<stop offset="0.35" style="stop-color:#F7C730"/>

-	<stop offset="0.64" style="stop-color:#F59C2E"/>

-	<stop offset="0.98" style="stop-color:#EB5E2C"/>

-	<stop offset="1" style="stop-color:#EB5C2C"/>

-</linearGradient>

-<polyline points="115.4,89.6 115.4,92.2 115.4,94.8 115.4,97.4 115.4,100.1 115.4,102.8 115.4,105.4 115.4,108 

-	115.4,110 116.2,109.7 119.6,108.4 123,107 126.3,105.7 129.7,104.3 133.1,102.9 136.4,101.6 139.8,100.2 143.2,98.9 146.5,97.5 

-	149.9,96.2 153.2,94.8 153.2,92.2 153.2,92.2 153.2,91.2 153.2,84.3 153.2,32.9 149.4,30.5 145.5,28.3 141.6,26.1 137.8,23.7 

-	133.9,21.5 130,19.3 126.2,17 122.3,14.7 118.5,12.4 114.6,10.2 110.7,7.9 106.9,5.6 103.1,3.4 99.2,1.2 97.1,0 95.3,1 91.4,3.1 

-	87.5,5.1 83.8,7.3 79.9,9.4 76,11.4 72.1,13.6 76,15.8 79.9,18 82.3,19.5 83.8,18.7 87.5,16.7 91.4,14.6 95.3,12.6 96.8,11.8 

-	99.2,13.2 103.1,15.4 106.9,17.6 110.7,19.9 114.6,22.2 118.5,24.4 122.3,26.7 126.2,29 130,31.2 133.9,33.4 137.8,35.8 141.6,38 

-	142.9,38.7 142.9,84.3 142,84.3 141.6,84.3 139.8,84.3 137.8,84.3 137.6,84.3 135.3,84.3 133.9,84.3 133.1,84.3 130.9,84.3 

-	130,84.3 128.7,84.3 126.5,84.3 126.2,84.3 124.3,84.3 122.3,84.3 122.1,84.3 119.8,84.3 118.5,84.3 117.6,84.3 115.9,84.3 

-	115.6,84.3 " style="fill: url(#ant-web3-icon-leo-colorful-SVGID_6_);"/>

-<linearGradient id="ant-web3-icon-leo-colorful-SVGID_7_" gradientUnits="userSpaceOnUse" x1="150.08" y1="700.41" x2="150.08" y2="726.1" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">

-	<stop offset="0" style="stop-color:#F6E93D"/>

-	<stop offset="0.13" style="stop-color:#F8E330"/>

-	<stop offset="0.35" style="stop-color:#F7C730"/>

-	<stop offset="0.64" style="stop-color:#F59C2E"/>

-	<stop offset="0.98" style="stop-color:#EB5E2C"/>

-	<stop offset="1" style="stop-color:#EB5C2C"/>

-</linearGradient>

-<polyline points="115.4,110 153.2,94.8 115.4,84.3 " style="fill: url(#ant-web3-icon-leo-colorful-SVGID_7_);"/>

-<linearGradient id="ant-web3-icon-leo-colorful-SVGID_8_" gradientUnits="userSpaceOnUse" x1="78.9028" y1="719.6874" x2="87.0628" y2="697.2674" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">

-	<stop offset="0" style="stop-color:#F6E93D"/>

-	<stop offset="0.13" style="stop-color:#F8E330"/>

-	<stop offset="0.35" style="stop-color:#F7C730"/>

-	<stop offset="0.64" style="stop-color:#F59C2E"/>

-	<stop offset="0.98" style="stop-color:#EB5E2C"/>

-	<stop offset="1" style="stop-color:#EB5C2C"/>

-</linearGradient>

-<polyline points="80.8,110 80.8,84.7 46.2,95 80.8,109.9 " style="fill: url(#ant-web3-icon-leo-colorful-SVGID_8_);"/>

-</svg>

+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg version="1.1" id="ant-web3-icon-leo-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 197.9 222.2" enable-background="new 0 0 197.9 222.2" xml:space="preserve">
+
+
+
+<title>LEO</title>
+
+<linearGradient id="ant-web3-icon-leo-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="56.195" y1="700.57" x2="56.195" y2="798" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">
+
+	<stop offset="0" stop-color="#F6E93D"/>
+
+	<stop offset="0.13" stop-color="#F8E330"/>
+
+	<stop offset="0.35" stop-color="#F7C730"/>
+
+	<stop offset="0.64" stop-color="#F59C2E"/>
+
+	<stop offset="0.98" stop-color="#EB5E2C"/>
+
+	<stop offset="1" stop-color="#EB5C2C"/>
+
+</linearGradient>
+
+<polygon points="46.1,95.2 46.2,95.2 47.9,95.8 49.5,96.4 51.2,96.9 52.8,97.6 54.5,98.2 56.1,98.8 57.8,99.4 59.4,100 
+
+	61,100.6 62.6,101.2 64.3,101.8 65.9,102.5 67.6,103 69.2,103.6 70.9,104.2 72.5,104.9 74.2,105.5 75.8,106 77.4,106.6 79.1,107.3 
+
+	80.8,107.9 80.8,105.3 80.8,104.9 80.8,102.8 80.8,102.8 80.8,101.3 80.8,100.2 80.8,97.6 80.8,95.1 80.8,92.5 80.8,90 80.8,87.3 
+
+	80.8,84.8 80.8,84.5 80.8,84.5 80.8,84.5 78.8,84.5 76.9,84.5 76.9,84.5 76.7,84.5 74.6,84.5 73,84.5 73,84.5 72.4,84.5 70.3,84.5 
+
+	69.2,84.5 69.2,84.5 68.1,84.5 65.9,84.5 65.3,84.5 65.3,84.5 63.8,84.5 61.7,84.5 61.6,84.5 61.5,84.5 59.5,84.5 57.7,84.5 
+
+	57.7,84.5 57.4,84.5 55.2,84.5 53.8,84.5 53.8,84.5 50,84.5 50,84.5 46.2,84.5 46.1,84.5 43.9,84.5 42.3,85.3 38.5,87.3 34.6,89.4 
+
+	30.7,91.3 27,93.3 23.1,95.4 19.2,97.3 15.4,99.4 11.5,101.4 7.7,103.3 3.9,105.4 0.4,107.2 0,164.5 3.9,167.2 7.7,169.9 
+
+	11.5,172.5 15.4,175.3 19.2,178 23.1,180.7 24.8,182 27,179.2 30.7,174.2 31.1,173.7 30.7,173.4 27,170.7 23.1,168 19.2,165.3 
+
+	15.4,162.6 11.5,159.8 10.5,159.2 10.8,112.8 11.5,112.4 15.4,110.5 19.2,108.6 23.1,106.7 27,104.8 30.7,102.8 34.6,100.9 
+
+	38.5,99.1 42.3,97.1 " fill=" url(#ant-web3-icon-leo-colorful-SVGID_1_)"/>
+
+<linearGradient id="ant-web3-icon-leo-colorful-SVGID_2_" gradientUnits="userSpaceOnUse" x1="94.485" y1="757.28" x2="94.485" y2="838.23" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">
+
+	<stop offset="0" stop-color="#F6E93D"/>
+
+	<stop offset="0.13" stop-color="#F8E330"/>
+
+	<stop offset="0.35" stop-color="#F7C730"/>
+
+	<stop offset="0.64" stop-color="#F59C2E"/>
+
+	<stop offset="0.98" stop-color="#EB5E2C"/>
+
+	<stop offset="1" stop-color="#EB5C2C"/>
+
+</linearGradient>
+
+<polygon points="112.3,204.5 109.1,205.8 105.5,207.3 101.9,208.7 98.3,210.2 96.7,210.8 94.8,209.9 91.2,208 
+
+	87.6,206.3 84.1,204.4 80.5,202.6 76.9,200.9 73.3,199 69.7,197.2 66.1,195.4 62.5,193.6 58.9,191.7 55.5,190 51.9,188.2 51.5,188 
+
+	51.5,141.2 48.3,141.2 44.7,141.2 41.1,141.2 41.1,194.4 44.7,196.1 48.3,197.9 51.9,199.8 55.5,201.5 58.9,203.4 62.5,205.2 
+
+	66.1,207 69.7,208.8 73.3,210.6 76.9,212.4 80.5,214.2 84.1,216.1 87.6,217.8 91.2,219.7 94.8,221.4 96.2,222.2 98.3,221.2 
+
+	101.9,219.9 105.5,218.4 109.1,216.9 112.6,215.5 116.2,214.1 112.6,205.1 " fill=" url(#ant-web3-icon-leo-colorful-SVGID_2_)"/>
+
+<linearGradient id="ant-web3-icon-leo-colorful-SVGID_3_" gradientUnits="userSpaceOnUse" x1="139.615" y1="733.63" x2="139.615" y2="824.07" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">
+
+	<stop offset="0" stop-color="#F6E93D"/>
+
+	<stop offset="0.13" stop-color="#F8E330"/>
+
+	<stop offset="0.35" stop-color="#F7C730"/>
+
+	<stop offset="0.64" stop-color="#F59C2E"/>
+
+	<stop offset="0.98" stop-color="#EB5E2C"/>
+
+	<stop offset="1" stop-color="#EB5C2C"/>
+
+</linearGradient>
+
+<polygon points="176.2,139.5 176.4,161.5 175.5,162.3 169.4,166.5 163.3,170.9 157.2,175.3 151.1,179.6 145,183.9 
+
+	139,188.3 132.9,192.6 129.3,195.2 126.8,193.3 120.8,188.6 114.7,184 108.6,179.3 102.6,174.7 101.5,173.9 101.5,150.2 
+
+	102.6,149.2 108.6,142.8 114.7,136.5 120.8,130.1 126.8,123.8 132.7,117.6 126.8,117.6 120.8,117.6 114.7,117.6 108.6,117.6 
+
+	102.6,117.6 96.4,117.6 90.3,117.6 84.3,117.6 78.2,117.6 72.1,117.6 66.1,117.6 60,117.6 66.1,124 72.1,130.3 78.2,136.6 84.3,143 
+
+	90.3,149.3 91.2,150.2 91.2,178.9 96.4,183 102.6,187.7 108.6,192.3 114.7,197 120.8,201.6 126.8,206.3 129,208 132.9,205.2 
+
+	139,201 145,196.6 151.1,192.2 157.2,188 163.3,183.6 169.4,179.2 175.5,175 181.6,170.6 186.6,166.9 187.6,139.9 181.6,139.7 " fill=" url(#ant-web3-icon-leo-colorful-SVGID_3_)"/>
+
+<linearGradient id="ant-web3-icon-leo-colorful-SVGID_4_" gradientUnits="userSpaceOnUse" x1="66.615" y1="633.97" x2="66.615" y2="704.35" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">
+
+	<stop offset="0" stop-color="#F6E93D"/>
+
+	<stop offset="0.13" stop-color="#F8E330"/>
+
+	<stop offset="0.35" stop-color="#F7C730"/>
+
+	<stop offset="0.64" stop-color="#F59C2E"/>
+
+	<stop offset="0.98" stop-color="#EB5E2C"/>
+
+	<stop offset="1" stop-color="#EB5C2C"/>
+
+</linearGradient>
+
+<polygon points="9.9,88.3 10.6,88.3 10.7,58.9 14.6,56.4 19.5,53.5 24.3,50.6 29.1,47.6 33.9,44.7 38.8,41.7 43.5,38.8 
+
+	48.4,35.9 53.2,32.9 58.1,29.9 58.2,29.9 62.8,32.6 67.7,35.3 72.5,38.1 77.3,40.8 82.1,43.5 86.9,46.2 91.7,49 96.4,51.7 
+
+	96.6,51.3 101.4,42.6 96.6,39.8 91.7,37.1 86.9,34.4 82.1,31.7 77.3,28.9 72.5,26.2 67.7,23.5 62.8,20.7 58.1,18 57.9,17.9 
+
+	53.2,20.7 48.4,23.7 43.5,26.7 38.8,29.7 33.9,32.6 29.1,35.5 24.3,38.5 19.5,41.4 14.6,44.4 9.9,47.3 5,50.2 0.4,53.1 0.2,88.2 
+
+	5,88.2 " fill=" url(#ant-web3-icon-leo-colorful-SVGID_4_)"/>
+
+<linearGradient id="ant-web3-icon-leo-colorful-SVGID_5_" gradientUnits="userSpaceOnUse" x1="187.26" y1="657.82" x2="187.26" y2="764.75" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">
+
+	<stop offset="0" stop-color="#F6E93D"/>
+
+	<stop offset="0.13" stop-color="#F8E330"/>
+
+	<stop offset="0.35" stop-color="#F7C730"/>
+
+	<stop offset="0.64" stop-color="#F59C2E"/>
+
+	<stop offset="0.98" stop-color="#EB5E2C"/>
+
+	<stop offset="1" stop-color="#EB5C2C"/>
+
+</linearGradient>
+
+<polygon points="197.9,61.4 195.4,59.4 192.9,57.4 190.4,55.3 187.9,53.3 185.4,51.3 182.8,49.3 180.3,47.3 177.8,45.3 
+
+	175.2,43.2 173.3,41.8 172.6,42.6 170.1,45.7 167.6,48.9 166.9,49.7 167.6,50.4 170.1,52.5 172.6,54.6 175.2,56.7 177.8,58.8 
+
+	180.3,61 182.8,63.1 185.4,65.2 186.6,66.2 186.7,113.5 185.4,114.4 182.8,116 180.3,117.6 177.8,119.2 175.2,120.8 172.6,122.4 
+
+	170.1,124 167.6,125.6 165.1,127.2 162.6,128.8 160.1,130.4 157.5,132 155,133.6 152.5,135.2 150,136.8 147.4,138.4 144.9,140 
+
+	147.4,144 150,148 150.4,148.7 152.5,147.4 155,145.9 157.5,144.3 160.1,142.8 162.6,141.1 165.1,139.6 167.6,138 170.1,136.5 
+
+	172.6,134.9 175.2,133.4 177.8,131.7 180.3,130.2 182.8,128.6 185.4,127.1 187.9,125.5 190.4,124 192.9,122.3 195.4,120.8 
+
+	197.9,119.2 " fill=" url(#ant-web3-icon-leo-colorful-SVGID_5_)"/>
+
+<linearGradient id="ant-web3-icon-leo-colorful-SVGID_6_" gradientUnits="userSpaceOnUse" x1="128.46" y1="616.04" x2="128.46" y2="726.07" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">
+
+	<stop offset="0" stop-color="#F6E93D"/>
+
+	<stop offset="0.13" stop-color="#F8E330"/>
+
+	<stop offset="0.35" stop-color="#F7C730"/>
+
+	<stop offset="0.64" stop-color="#F59C2E"/>
+
+	<stop offset="0.98" stop-color="#EB5E2C"/>
+
+	<stop offset="1" stop-color="#EB5C2C"/>
+
+</linearGradient>
+
+<polyline points="115.4,89.6 115.4,92.2 115.4,94.8 115.4,97.4 115.4,100.1 115.4,102.8 115.4,105.4 115.4,108 
+
+	115.4,110 116.2,109.7 119.6,108.4 123,107 126.3,105.7 129.7,104.3 133.1,102.9 136.4,101.6 139.8,100.2 143.2,98.9 146.5,97.5 
+
+	149.9,96.2 153.2,94.8 153.2,92.2 153.2,92.2 153.2,91.2 153.2,84.3 153.2,32.9 149.4,30.5 145.5,28.3 141.6,26.1 137.8,23.7 
+
+	133.9,21.5 130,19.3 126.2,17 122.3,14.7 118.5,12.4 114.6,10.2 110.7,7.9 106.9,5.6 103.1,3.4 99.2,1.2 97.1,0 95.3,1 91.4,3.1 
+
+	87.5,5.1 83.8,7.3 79.9,9.4 76,11.4 72.1,13.6 76,15.8 79.9,18 82.3,19.5 83.8,18.7 87.5,16.7 91.4,14.6 95.3,12.6 96.8,11.8 
+
+	99.2,13.2 103.1,15.4 106.9,17.6 110.7,19.9 114.6,22.2 118.5,24.4 122.3,26.7 126.2,29 130,31.2 133.9,33.4 137.8,35.8 141.6,38 
+
+	142.9,38.7 142.9,84.3 142,84.3 141.6,84.3 139.8,84.3 137.8,84.3 137.6,84.3 135.3,84.3 133.9,84.3 133.1,84.3 130.9,84.3 
+
+	130,84.3 128.7,84.3 126.5,84.3 126.2,84.3 124.3,84.3 122.3,84.3 122.1,84.3 119.8,84.3 118.5,84.3 117.6,84.3 115.9,84.3 
+
+	115.6,84.3 " fill=" url(#ant-web3-icon-leo-colorful-SVGID_6_)"/>
+
+<linearGradient id="ant-web3-icon-leo-colorful-SVGID_7_" gradientUnits="userSpaceOnUse" x1="150.08" y1="700.41" x2="150.08" y2="726.1" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">
+
+	<stop offset="0" stop-color="#F6E93D"/>
+
+	<stop offset="0.13" stop-color="#F8E330"/>
+
+	<stop offset="0.35" stop-color="#F7C730"/>
+
+	<stop offset="0.64" stop-color="#F59C2E"/>
+
+	<stop offset="0.98" stop-color="#EB5E2C"/>
+
+	<stop offset="1" stop-color="#EB5C2C"/>
+
+</linearGradient>
+
+<polyline points="115.4,110 153.2,94.8 115.4,84.3 " fill=" url(#ant-web3-icon-leo-colorful-SVGID_7_)"/>
+
+<linearGradient id="ant-web3-icon-leo-colorful-SVGID_8_" gradientUnits="userSpaceOnUse" x1="78.9028" y1="719.6874" x2="87.0628" y2="697.2674" gradientTransform="matrix(1 0 0 1 -15.82 -616.04)">
+
+	<stop offset="0" stop-color="#F6E93D"/>
+
+	<stop offset="0.13" stop-color="#F8E330"/>
+
+	<stop offset="0.35" stop-color="#F7C730"/>
+
+	<stop offset="0.64" stop-color="#F59C2E"/>
+
+	<stop offset="0.98" stop-color="#EB5E2C"/>
+
+	<stop offset="1" stop-color="#EB5C2C"/>
+
+</linearGradient>
+
+<polyline points="80.8,110 80.8,84.7 46.2,95 80.8,109.9 " fill=" url(#ant-web3-icon-leo-colorful-SVGID_8_)"/>
+
+</svg>
+
diff --git a/packages/icons/src/svgs/lto-colorful.svg b/packages/icons/src/svgs/lto-colorful.svg
index 02245d6ce..5a2f30605 100644
--- a/packages/icons/src/svgs/lto-colorful.svg
+++ b/packages/icons/src/svgs/lto-colorful.svg
@@ -1 +1 @@
-<svg id="ant-web3-icon-lto-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 11.85 10.29"><defs><linearGradient id="ant-web3-icon-lto-colorful-linear-gradient" x1="-845.05" y1="493.61" x2="-844.22" y2="493.61" gradientTransform="matrix(11.85, 0, 0, -10.29, 10018.24, 5085.24)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7cb7ff"/><stop offset="1" stop-color="#ba6df6"/></linearGradient></defs><title>lto-network-lto-logo</title><path d="M7.12.1,6,1.22l.23.23a.33.33,0,0,0,.47,0L7.82.33,7.59.1a.33.33,0,0,0-.47,0ZM4.27.1,4,.33,5.17,1.45a.32.32,0,0,0,.46,0l.23-.23L4.73.1a.32.32,0,0,0-.46,0ZM8.18,1.57,6.05,3.7l.43.44a.63.63,0,0,0,.88,0L9.49,2l-.43-.43a.62.62,0,0,0-.87,0Zm-5.39,0L2.36,2,4.49,4.13a.61.61,0,0,0,.88,0L5.8,3.7,3.67,1.57a.63.63,0,0,0-.88,0Zm2.9-.05-.22.23.46.46.46-.46-.23-.23a.32.32,0,0,0-.46,0Zm4,2.13L6.14,7.19l.71.72a1,1,0,0,0,1.46,0l3.54-3.54-.71-.72a1,1,0,0,0-1.46,0Zm-9,0L0,4.36,3.54,7.91A1,1,0,0,0,5,7.91l.72-.72L2.18,3.65a1,1,0,0,0-1.46,0Zm4.77.62-.43.43.87.87L6.8,4.7l-.43-.43a.62.62,0,0,0-.88,0ZM5.2,8.13l-.72.71,1.45,1.45L7.37,8.84l-.71-.71a1,1,0,0,0-1.46,0Z" style="fill:url(#ant-web3-icon-lto-colorful-linear-gradient)"/></svg>
\ No newline at end of file
+<svg id="ant-web3-icon-lto-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 11.85 10.29"><defs><linearGradient id="ant-web3-icon-lto-colorful-linear-gradient" x1="-845.05" y1="493.61" x2="-844.22" y2="493.61" gradientTransform="matrix(11.85, 0, 0, -10.29, 10018.24, 5085.24)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7cb7ff"/><stop offset="1" stop-color="#ba6df6"/></linearGradient></defs><title>lto-network-lto-logo</title><path d="M7.12.1,6,1.22l.23.23a.33.33,0,0,0,.47,0L7.82.33,7.59.1a.33.33,0,0,0-.47,0ZM4.27.1,4,.33,5.17,1.45a.32.32,0,0,0,.46,0l.23-.23L4.73.1a.32.32,0,0,0-.46,0ZM8.18,1.57,6.05,3.7l.43.44a.63.63,0,0,0,.88,0L9.49,2l-.43-.43a.62.62,0,0,0-.87,0Zm-5.39,0L2.36,2,4.49,4.13a.61.61,0,0,0,.88,0L5.8,3.7,3.67,1.57a.63.63,0,0,0-.88,0Zm2.9-.05-.22.23.46.46.46-.46-.23-.23a.32.32,0,0,0-.46,0Zm4,2.13L6.14,7.19l.71.72a1,1,0,0,0,1.46,0l3.54-3.54-.71-.72a1,1,0,0,0-1.46,0Zm-9,0L0,4.36,3.54,7.91A1,1,0,0,0,5,7.91l.72-.72L2.18,3.65a1,1,0,0,0-1.46,0Zm4.77.62-.43.43.87.87L6.8,4.7l-.43-.43a.62.62,0,0,0-.88,0ZM5.2,8.13l-.72.71,1.45,1.45L7.37,8.84l-.71-.71a1,1,0,0,0-1.46,0Z" fill="url(#ant-web3-icon-lto-colorful-linear-gradient)"/></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/matic-colorful.svg b/packages/icons/src/svgs/matic-colorful.svg
index 0cc7fc2f9..f013dfd08 100644
--- a/packages/icons/src/svgs/matic-colorful.svg
+++ b/packages/icons/src/svgs/matic-colorful.svg
@@ -1,6 +1,7 @@
+
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-matic-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 38.4 33.5" style="enable-background:new 0 0 38.4 33.5;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-matic-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 38.4 33.5" enable-background="new 0 0 38.4 33.5" xml:space="preserve">
 
 <g>
 	<path d="M29,10.2c-0.7-0.4-1.6-0.4-2.4,0L21,13.5l-3.8,2.1l-5.5,3.3c-0.7,0.4-1.6,0.4-2.4,0L5,16.3
@@ -8,6 +9,6 @@
 		c0-0.8-0.4-1.6-1.2-2.1l-8-4.7c-0.7-0.4-1.6-0.4-2.4,0L1.2,5C0.4,5.4,0,6.2,0,7v9.4c0,0.8,0.4,1.6,1.2,2.1l8.1,4.7
 		c0.7,0.4,1.6,0.4,2.4,0l5.5-3.2l3.8-2.2l5.5-3.2c0.7-0.4,1.6-0.4,2.4,0l4.3,2.5c0.7,0.4,1.2,1.2,1.2,2.1v5c0,0.8-0.4,1.6-1.2,2.1
 		L29,28.8c-0.7,0.4-1.6,0.4-2.4,0l-4.3-2.5c-0.7-0.4-1.2-1.2-1.2-2.1V21l-3.8,2.2v3.3c0,0.8,0.4,1.6,1.2,2.1l8.1,4.7
-		c0.7,0.4,1.6,0.4,2.4,0l8.1-4.7c0.7-0.4,1.2-1.2,1.2-2.1V17c0-0.8-0.4-1.6-1.2-2.1L29,10.2z" style="fill: #8247E5;"/>
+		c0.7,0.4,1.6,0.4,2.4,0l8.1-4.7c0.7-0.4,1.2-1.2,1.2-2.1V17c0-0.8-0.4-1.6-1.2-2.1L29,10.2z" fill=" #8247E5"/>
 </g>
 </svg>
diff --git a/packages/icons/src/svgs/meld-circle-colorful.svg b/packages/icons/src/svgs/meld-circle-colorful.svg
index 25bb8eab3..06c650485 100644
--- a/packages/icons/src/svgs/meld-circle-colorful.svg
+++ b/packages/icons/src/svgs/meld-circle-colorful.svg
@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-meld-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 274 274" style="enable-background:new 0 0 274 274;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-meld-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 274 274" enable-background="new 0 0 274 274" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-meld-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="22.3794" y1="75.2837" x2="253.1742" y2="209.3987" gradientTransform="matrix(1 0 0 -1 0 278.8898)">
-	<stop offset="1.800000e-02" style="stop-color:#CB1A4F"/>
-	<stop offset="0.415" style="stop-color:#E51B44"/>
+	<stop offset="1.800000e-02" stop-color="#CB1A4F"/>
+	<stop offset="0.415" stop-color="#E51B44"/>
 </linearGradient>
-<circle cx="137" cy="137" r="137" style="fill: url(#ant-web3-icon-meld-circle-colorful-SVGID_1_);"/>
+<circle cx="137" cy="137" r="137" fill=" url(#ant-web3-icon-meld-circle-colorful-SVGID_1_)"/>
 <path d="M198.6,125.5l-16.7-47.4c-0.8-2.2-2.4-4.2-4.3-5.5s-4.3-2.1-6.7-2.1h-0.1c-5,0-9.4,3-11,7.6l-22.9,65.5
 	l-22.9-65.5c-1.7-4.6-6.1-7.6-11-7.6H103c-2.4,0-4.7,0.7-6.7,2.1c-2,1.4-3.5,3.3-4.3,5.6l-16.6,47.4h-16c-6.5,0-11.7,5-11.7,11.2
 	s5.2,11.2,11.7,11.2h8.2l-9.4,26.6c-2,5.8,1.2,12.2,7.3,14.2c1.2,0.4,2.5,0.6,3.7,0.6c4.9,0,9.4-3,11-7.6l23-65.2l22.8,65.3
@@ -17,7 +17,7 @@
 	<stop offset="4.600000e-02" style="stop-color:#E51B44;stop-opacity:4.900000e-02"/>
 	<stop offset="0.127" style="stop-color:#E51B44;stop-opacity:0.178"/>
 	<stop offset="0.206" style="stop-color:#E51B44;stop-opacity:0.33"/>
-	<stop offset="0.526" style="stop-color:#E51B44"/>
+	<stop offset="0.526" stop-color="#E51B44"/>
 </linearGradient>
 <path style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-meld-circle-colorful-SVGID_00000077299217686218319780000004004498982552153515_);" d="
 	M159.4,79.4l-15.4,44.2l12.7,33.3l14.1-40.3l-11.1-31.3C159,83.3,158.9,81.3,159.4,79.4L159.4,79.4z"/>
@@ -26,14 +26,14 @@
 	<stop offset="4.600000e-02" style="stop-color:#E51B44;stop-opacity:4.900000e-02"/>
 	<stop offset="0.127" style="stop-color:#E51B44;stop-opacity:0.178"/>
 	<stop offset="0.206" style="stop-color:#E51B44;stop-opacity:0.33"/>
-	<stop offset="0.526" style="stop-color:#E51B44"/>
+	<stop offset="0.526" stop-color="#E51B44"/>
 </linearGradient>
 <path style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-meld-circle-colorful-SVGID_00000036966874982504827910000005480613741374122639_);" d="
 	M91.6,79.1L76,123.5l12.9,33.5l14.2-40.4L91.8,84.9c-0.6-1.7-0.7-3.5-0.3-5.3L91.6,79.1L91.6,79.1z"/>
 <linearGradient id="ant-web3-icon-meld-circle-colorful-SVGID_00000132075292518840735850000014321101301602356377_" gradientUnits="userSpaceOnUse" x1="171.1803" y1="161.0773" x2="171.5743" y2="160.9343" gradientTransform="matrix(1 0 0 -1 0 278.8898)">
 	<stop offset="0" style="stop-color:#D33651;stop-opacity:0"/>
 	<stop offset="0.29" style="stop-color:#D43650;stop-opacity:0.326"/>
-	<stop offset="0.654" style="stop-color:#D6364F"/>
+	<stop offset="0.654" stop-color="#D6364F"/>
 </linearGradient>
 <path style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ant-web3-icon-meld-circle-colorful-SVGID_00000132075292518840735850000014321101301602356377_);" d="
 	M171.6,118.3l-0.4-0.9L171.6,118.3z"/>
diff --git a/packages/icons/src/svgs/mkr-circle-colorful.svg b/packages/icons/src/svgs/mkr-circle-colorful.svg
index 04bec2f03..d74c949f0 100644
--- a/packages/icons/src/svgs/mkr-circle-colorful.svg
+++ b/packages/icons/src/svgs/mkr-circle-colorful.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600"><defs><linearGradient id="ant-web3-icon-mkr-circle-colorful-linear-gradient" x1="300" y1="602" x2="300" y2="2" gradientTransform="matrix(1, 0, 0, -1, 0, 602)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4fa89b"/><stop offset="1" stop-color="#6acebb"/></linearGradient></defs><title>Asset 1</title><g id="ant-web3-icon-mkr-circle-colorful-Layer_2"><g id="ant-web3-icon-mkr-circle-colorful-Layer_1-2"><circle cx="300" cy="300" r="300" style="fill: url(#ant-web3-icon-mkr-circle-colorful-linear-gradient);"/><path d="M152.34,390V248.8l107.08,80.59V390h27.33V323.7A15.94,15.94,0,0,0,280.4,311L150.54,213.23A16,16,0,0,0,125,226V390Zm296.14,0V248.8L341.4,329.39V390H314.07V323.7A15.94,15.94,0,0,1,320.42,311l129.86-97.73A16,16,0,0,1,475.82,226V390Z" style="fill: #fff;"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600"><defs><linearGradient id="ant-web3-icon-mkr-circle-colorful-linear-gradient" x1="300" y1="602" x2="300" y2="2" gradientTransform="matrix(1, 0, 0, -1, 0, 602)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4fa89b"/><stop offset="1" stop-color="#6acebb"/></linearGradient></defs><title>Asset 1</title><g id="ant-web3-icon-mkr-circle-colorful-Layer_2"><g id="ant-web3-icon-mkr-circle-colorful-Layer_1-2"><circle cx="300" cy="300" r="300" fill=" url(#ant-web3-icon-mkr-circle-colorful-linear-gradient)"/><path d="M152.34,390V248.8l107.08,80.59V390h27.33V323.7A15.94,15.94,0,0,0,280.4,311L150.54,213.23A16,16,0,0,0,125,226V390Zm296.14,0V248.8L341.4,329.39V390H314.07V323.7A15.94,15.94,0,0,1,320.42,311l129.86-97.73A16,16,0,0,1,475.82,226V390Z" fill=" #fff"/></g></g></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/mph-circle-colorful.svg b/packages/icons/src/svgs/mph-circle-colorful.svg
index e4bae3fb7..3b7acfd50 100644
--- a/packages/icons/src/svgs/mph-circle-colorful.svg
+++ b/packages/icons/src/svgs/mph-circle-colorful.svg
@@ -1,15 +1,15 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-mph-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-mph-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve">
 
 <circle cx="125" cy="125" r="125"/>
 <linearGradient id="ant-web3-icon-mph-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="124.6548" y1="52.323" x2="124.6548" y2="189.503" gradientTransform="matrix(1 0 0 -1 0 252)">
-	<stop offset="0" style="stop-color:#FFE600"/>
-	<stop offset="0.3073" style="stop-color:#FAAD14"/>
-	<stop offset="0.6719" style="stop-color:#F7169C"/>
-	<stop offset="1" style="stop-color:#3435F5"/>
+	<stop offset="0" stop-color="#FFE600"/>
+	<stop offset="0.3073" stop-color="#FAAD14"/>
+	<stop offset="0.6719" stop-color="#F7169C"/>
+	<stop offset="1" stop-color="#3435F5"/>
 </linearGradient>
 <path d="M137.6,193.1h-25.8C118.1,201.9,131.3,201.9,137.6,193.1z M142.3,185H107l-9.3-16.3h53.8L142.3,185z
 	 M93.1,160.5h63.1l9.3-16.3H83.9L93.1,160.5z M79.2,136L70,119.7h109.3l-9.3,16.3H79.2z M65.4,111.5H184l10.9-19.3H54.4L65.4,111.5z
-	 M49.9,84.1C45.7,73.8,53.2,62,64.7,62h119.8c11.6,0,19.1,11.8,14.8,22.1H49.9z" style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-mph-circle-colorful-SVGID_1_);"/>
+	 M49.9,84.1C45.7,73.8,53.2,62,64.7,62h119.8c11.6,0,19.1,11.8,14.8,22.1H49.9z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-mph-circle-colorful-SVGID_1_)"/>
 </svg>
diff --git a/packages/icons/src/svgs/mtl-colorful.svg b/packages/icons/src/svgs/mtl-colorful.svg
index e21283b55..7c120d58f 100644
--- a/packages/icons/src/svgs/mtl-colorful.svg
+++ b/packages/icons/src/svgs/mtl-colorful.svg
@@ -1,63 +1,63 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-mtl-colorful-Layer_1_copy" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 601.2 455.8" style="enable-background:new 0 0 601.2 455.8;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-mtl-colorful-Layer_1_copy" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 601.2 455.8" enable-background="new 0 0 601.2 455.8" xml:space="preserve">
 
 <g>
 	
 		<linearGradient id="ant-web3-icon-mtl-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="-0.9079" y1="226.4768" x2="805.044" y2="310.1976" gradientTransform="matrix(1 0 0 -1 0 458.4)">
-		<stop offset="0" style="stop-color:#4400E2"/>
-		<stop offset="4.110000e-02" style="stop-color:#7013C5"/>
-		<stop offset="8.660000e-02" style="stop-color:#9A25AA"/>
-		<stop offset="0.1333" style="stop-color:#BC3494"/>
-		<stop offset="0.1804" style="stop-color:#D73F82"/>
-		<stop offset="0.2284" style="stop-color:#EA4876"/>
-		<stop offset="0.2776" style="stop-color:#F54C6E"/>
-		<stop offset="0.33" style="stop-color:#F94E6C"/>
-		<stop offset="1" style="stop-color:#FFD402"/>
+		<stop offset="0" stop-color="#4400E2"/>
+		<stop offset="4.110000e-02" stop-color="#7013C5"/>
+		<stop offset="8.660000e-02" stop-color="#9A25AA"/>
+		<stop offset="0.1333" stop-color="#BC3494"/>
+		<stop offset="0.1804" stop-color="#D73F82"/>
+		<stop offset="0.2284" stop-color="#EA4876"/>
+		<stop offset="0.2776" stop-color="#F54C6E"/>
+		<stop offset="0.33" stop-color="#F94E6C"/>
+		<stop offset="1" stop-color="#FFD402"/>
 	</linearGradient>
 	<path d="M37.9,0C16.9,0,0,17,0,37.9v189.4v81.5v109.1c0,20.9,16.9,37.9,37.9,37.9s37.9-17,37.9-37.9v-380
-		C75.7,17,58.8,0,37.9,0z" style="fill: url(#ant-web3-icon-mtl-colorful-SVGID_1_);"/>
+		C75.7,17,58.8,0,37.9,0z" fill=" url(#ant-web3-icon-mtl-colorful-SVGID_1_)"/>
 	
 		<linearGradient id="ant-web3-icon-mtl-colorful-SVGID_2_" gradientUnits="userSpaceOnUse" x1="4.701" y1="172.4815" x2="810.6528" y2="256.2023" gradientTransform="matrix(1 0 0 -1 0 458.4)">
-		<stop offset="0" style="stop-color:#4400E2"/>
-		<stop offset="4.110000e-02" style="stop-color:#7013C5"/>
-		<stop offset="8.660000e-02" style="stop-color:#9A25AA"/>
-		<stop offset="0.1333" style="stop-color:#BC3494"/>
-		<stop offset="0.1804" style="stop-color:#D73F82"/>
-		<stop offset="0.2284" style="stop-color:#EA4876"/>
-		<stop offset="0.2776" style="stop-color:#F54C6E"/>
-		<stop offset="0.33" style="stop-color:#F94E6C"/>
-		<stop offset="1" style="stop-color:#FFD402"/>
+		<stop offset="0" stop-color="#4400E2"/>
+		<stop offset="4.110000e-02" stop-color="#7013C5"/>
+		<stop offset="8.660000e-02" stop-color="#9A25AA"/>
+		<stop offset="0.1333" stop-color="#BC3494"/>
+		<stop offset="0.1804" stop-color="#D73F82"/>
+		<stop offset="0.2284" stop-color="#EA4876"/>
+		<stop offset="0.2776" stop-color="#F54C6E"/>
+		<stop offset="0.33" stop-color="#F94E6C"/>
+		<stop offset="1" stop-color="#FFD402"/>
 	</linearGradient>
 	<path d="M563.3,0c-20.9,0-37.9,17-37.9,37.9v380c0,20.9,17,37.9,37.9,37.9c20.9,0,37.9-17,37.9-37.9v-380
-		C601.2,17,584.2,0,563.3,0z" style="fill: url(#ant-web3-icon-mtl-colorful-SVGID_2_);"/>
+		C601.2,17,584.2,0,563.3,0z" fill=" url(#ant-web3-icon-mtl-colorful-SVGID_2_)"/>
 	
 		<linearGradient id="ant-web3-icon-mtl-colorful-SVGID_3_" gradientUnits="userSpaceOnUse" x1="0.9619" y1="208.4769" x2="806.9138" y2="292.1977" gradientTransform="matrix(1 0 0 -1 0 458.4)">
-		<stop offset="0" style="stop-color:#4400E2"/>
-		<stop offset="4.110000e-02" style="stop-color:#7013C5"/>
-		<stop offset="8.660000e-02" style="stop-color:#9A25AA"/>
-		<stop offset="0.1333" style="stop-color:#BC3494"/>
-		<stop offset="0.1804" style="stop-color:#D73F82"/>
-		<stop offset="0.2284" style="stop-color:#EA4876"/>
-		<stop offset="0.2776" style="stop-color:#F54C6E"/>
-		<stop offset="0.33" style="stop-color:#F94E6C"/>
-		<stop offset="1" style="stop-color:#FFD402"/>
+		<stop offset="0" stop-color="#4400E2"/>
+		<stop offset="4.110000e-02" stop-color="#7013C5"/>
+		<stop offset="8.660000e-02" stop-color="#9A25AA"/>
+		<stop offset="0.1333" stop-color="#BC3494"/>
+		<stop offset="0.1804" stop-color="#D73F82"/>
+		<stop offset="0.2284" stop-color="#EA4876"/>
+		<stop offset="0.2776" stop-color="#F54C6E"/>
+		<stop offset="0.33" stop-color="#F94E6C"/>
+		<stop offset="1" stop-color="#FFD402"/>
 	</linearGradient>
 	<path d="M213,79c-20.9,0-37.9,16.9-37.9,37.9v222c0,20.9,17,37.9,37.9,37.9s37.9-17,37.9-37.9v-222
-		C250.9,96,233.9,79,213,79z" style="fill: url(#ant-web3-icon-mtl-colorful-SVGID_3_);"/>
+		C250.9,96,233.9,79,213,79z" fill=" url(#ant-web3-icon-mtl-colorful-SVGID_3_)"/>
 	
 		<linearGradient id="ant-web3-icon-mtl-colorful-SVGID_4_" gradientUnits="userSpaceOnUse" x1="2.7896" y1="190.8823" x2="808.7414" y2="274.6031" gradientTransform="matrix(1 0 0 -1 0 458.4)">
-		<stop offset="0" style="stop-color:#4400E2"/>
-		<stop offset="4.110000e-02" style="stop-color:#7013C5"/>
-		<stop offset="8.660000e-02" style="stop-color:#9A25AA"/>
-		<stop offset="0.1333" style="stop-color:#BC3494"/>
-		<stop offset="0.1804" style="stop-color:#D73F82"/>
-		<stop offset="0.2284" style="stop-color:#EA4876"/>
-		<stop offset="0.2776" style="stop-color:#F54C6E"/>
-		<stop offset="0.33" style="stop-color:#F94E6C"/>
-		<stop offset="1" style="stop-color:#FFD402"/>
+		<stop offset="0" stop-color="#4400E2"/>
+		<stop offset="4.110000e-02" stop-color="#7013C5"/>
+		<stop offset="8.660000e-02" stop-color="#9A25AA"/>
+		<stop offset="0.1333" stop-color="#BC3494"/>
+		<stop offset="0.1804" stop-color="#D73F82"/>
+		<stop offset="0.2284" stop-color="#EA4876"/>
+		<stop offset="0.2776" stop-color="#F54C6E"/>
+		<stop offset="0.33" stop-color="#F94E6C"/>
+		<stop offset="1" stop-color="#FFD402"/>
 	</linearGradient>
 	<path d="M388.2,142.8c-20.9,0-37.9,17-37.9,37.9v93.7c0,20.9,17,37.9,37.9,37.9c20.9,0,37.9-17,37.9-37.9v-93.7
-		C426,159.7,409.1,142.8,388.2,142.8z" style="fill: url(#ant-web3-icon-mtl-colorful-SVGID_4_);"/>
+		C426,159.7,409.1,142.8,388.2,142.8z" fill=" url(#ant-web3-icon-mtl-colorful-SVGID_4_)"/>
 </g>
 </svg>
diff --git a/packages/icons/src/svgs/mxc-circle-colorful.svg b/packages/icons/src/svgs/mxc-circle-colorful.svg
index 24e8968d3..19d00f99e 100644
--- a/packages/icons/src/svgs/mxc-circle-colorful.svg
+++ b/packages/icons/src/svgs/mxc-circle-colorful.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-mxc-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 138 138" style="enable-background:new 0 0 138 138;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-mxc-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 138 138" enable-background="new 0 0 138 138" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-mxc-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="53.7704" y1="124.7584" x2="84.7837" y2="10.9883" gradientTransform="matrix(1 0 0 -1 0 137.8898)">
-	<stop offset="0" style="stop-color:#0F51FB"/>
-	<stop offset="0.4448" style="stop-color:#6324FB"/>
-	<stop offset="1" style="stop-color:#EF3678"/>
+	<stop offset="0" stop-color="#0F51FB"/>
+	<stop offset="0.4448" stop-color="#6324FB"/>
+	<stop offset="1" stop-color="#EF3678"/>
 </linearGradient>
-<circle cx="69" cy="69" r="69" style="fill: url(#ant-web3-icon-mxc-circle-colorful-SVGID_1_);"/>
+<circle cx="69" cy="69" r="69" fill=" url(#ant-web3-icon-mxc-circle-colorful-SVGID_1_)"/>
 <path d="M88.2,52.5c0-0.5,0.2-1.1,0.7-1.7c0.7-0.8,1.5-0.9,2-1h8.3c1,0,1.8-0.8,1.8-1.8v-9.2c0-1-0.8-1.8-1.8-1.8H90
 	c-1,0-1.8,0.8-1.8,1.8V47c0,0.5-0.2,1.2-0.8,1.9c-0.5,0.6-1.2,0.8-1.7,0.9h-8.5c-1,0-1.8,0.8-1.8,1.8v8.2c0,0.5-0.2,1.2-0.8,1.9
 	c-0.5,0.6-1.2,0.8-1.7,0.9h-7.8c-0.5-0.1-1.2-0.3-1.7-0.9c-0.5-0.5-0.7-1.1-0.8-1.6v-8.5c0-1-0.8-1.8-1.8-1.8h-8.5
@@ -16,5 +16,5 @@
 	v34.8c0,1,0.8,1.8,1.8,1.8H48c1,0,1.8-0.8,1.8-1.8v-34c0-0.5,0.2-1.1,0.7-1.7c0.7-0.8,1.5-0.9,2-1h7.2c0.5,0,1.4,0.2,2,1
 	c0.8,0.9,0.7,2.1,0.7,2.3l0,0v7.8c0,1,0.8,1.8,1.8,1.8h9.2c1,0,1.8-0.8,1.8-1.8v-8.4c0-0.5,0.2-1.1,0.7-1.7c0.7-0.8,1.5-0.9,2-1h7.2
 	c0.5,0,1.4,0.2,2,1c0.8,0.9,0.7,2.1,0.7,2.3l0,0v33.4c0,1,0.8,1.8,1.8,1.8h9.2c1,0,1.8-0.8,1.8-1.8V64.4c0-1-0.8-1.8-1.8-1.8h-8.5
-	c-0.5-0.1-1.2-0.3-1.7-0.9c-0.5-0.5-0.7-1.1-0.8-1.6L88.2,52.5L88.2,52.5z" style="fill: #FFFFFF;"/>
+	c-0.5-0.1-1.2-0.3-1.7-0.9c-0.5-0.5-0.7-1.1-0.8-1.6L88.2,52.5L88.2,52.5z" fill=" #FFFFFF"/>
 </svg>
diff --git a/packages/icons/src/svgs/myst-colorful.svg b/packages/icons/src/svgs/myst-colorful.svg
index ccb75fb64..f2cbf25dd 100644
--- a/packages/icons/src/svgs/myst-colorful.svg
+++ b/packages/icons/src/svgs/myst-colorful.svg
@@ -1 +1 @@
-<svg id="ant-web3-icon-myst-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 544 275.6"><g transform="translate(258 254.895)"><linearGradient id="ant-web3-icon-myst-colorful-path0_fill_1_" gradientUnits="userSpaceOnUse" x1="-1060.445" y1="-243.025" x2="-1043.452" y2="-243.025" gradientTransform="translate(33690.758 7663.028) scale(32.0137)"><stop offset="0" stop-color="#c51f5d"/><stop offset="1" stop-color="#2f2361"/></linearGradient><path id="ant-web3-icon-myst-colorful-path0_fill" d="M284.4-76.9L108-253.3c-2.1-2.1-6.1-2.1-8.2 0L13.2-167l-84.9-84.9c-2.3-2.3-5.9-2.3-8.2 0l-26.5 26-97.4 95.5-21.3 20.9-31.3 30.5c-1.2 1.2-1.6 2.6-1.6 4.2s.7 3 1.6 4.2l88 88c2.3 2.3 6.1 2.3 8.2 0L-75.7-67 9.9 18.6c2.3 2.3 6.1 2.3 8.2 0l84.7-84.7L188 19.1c1.2 1.2 2.6 1.6 4.2 1.6s3-.5 4.2-1.6l88-88c1.2-1.2 1.6-2.6 1.6-4.2 0-1.7-.5-2.9-1.6-3.8zm-15.8 7.3L218-88.2l-23.2-50 13.4 1.9 63.6 63.6-3.2 3.1zM240-41l-15-32.1 34.5 12.7L240-41zm-348.3-115.7l-71.3 19.2 71.3-70.1v50.9zm-88.5 35.9l50-13.4-3.3 56.3-60.8-28.9 14.1-14zm62-16.6l8.9-2.3 23.7 36.4-37.1 41.1 4.5-75.2zm40.5 24.8l-19.9-30.5 11.3-3 28.4 11.7-19.8 21.8zm-2.3-43.6v-21.3l67.6 5.6 16.9 50.7-84.5-35zm57.2 65.9l24.2 14.8 4 56.5-34.2-34 6-37.3zm32.9 6.4l-30.7-19 2.3-14.8 28.9 12c.7.5 1.4.9 2.3.9l29.1 12.2 12.2 36.1-44.1-27.4zm43.8-10.4L69-110.7 45.8-69.4l-8.5-24.9zm43.9-35.6l-29.3 15.2 7-49.7 40.8 24.9-18.5 9.6zm30.7-16l-54.7-33.3-9.6-5.9L62-199.4l62.2 20.2 5.9 23.9-18.2 9.4zm29.8-11.5l-14.5-60.3 67.6 67.6-53.1-7.3zm.5 11.8l12.4 1.6L168-17.8l-35.7-35.7 9.9-92.1zm24.2 3.5l14.8 2.1 21.1 45.5-25.8 47.9-10.1-95.5zm-62.7-98.8l7.3 7.3 9.9 41.1-49.5-16 32.3-32.4zm-86.5 86.6l22.1-22.1L48-171l-8.9 62.9-9.1 4.7-28.1-11.5-23-69.2 30 30c2.4 1.9 5.9 1.9 8.3-.2zM-76-239.2l36.4 36.3 6.3 19-63.3-5.4v-29.8l20.6-20.1zM-220-98l69 32.6-1.9 31-61.7-10.8-29.3-29.3L-220-98zm55.6 103.2l-35.9-35.9 46.4 8.2-1.2 18.1-9.3 9.6zM-80-79.3l-62.4 62.4 1.6-26.7.2-.2 77.4-85.6 17.1 7-3.5 21.6-6.1 37.5-16-16c-2.2-2.3-5.9-2.3-8.3 0zM14.1 6.4L1.4-6.3-2.8-68l46.4 28.6 4.2 12.2L14.1 6.4zM103-80c-1.4 0-3 .5-4.2 1.6l-42 42-6.1-18.1L88-120.7l42-21.6-8.4 78.1-14.3-14.3c-1.2-1-2.9-1.5-4.3-1.5zm89.2 86.8L180.9-4.5l-2.3-21.6 29.8-55.4 22.8 49.3-39 39z" style="fill: url(#ant-web3-icon-myst-colorful-path0_fill_1_);"/></g></svg>
\ No newline at end of file
+<svg id="ant-web3-icon-myst-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 544 275.6"><g transform="translate(258 254.895)"><linearGradient id="ant-web3-icon-myst-colorful-path0_fill_1_" gradientUnits="userSpaceOnUse" x1="-1060.445" y1="-243.025" x2="-1043.452" y2="-243.025" gradientTransform="translate(33690.758 7663.028) scale(32.0137)"><stop offset="0" stop-color="#c51f5d"/><stop offset="1" stop-color="#2f2361"/></linearGradient><path id="ant-web3-icon-myst-colorful-path0_fill" d="M284.4-76.9L108-253.3c-2.1-2.1-6.1-2.1-8.2 0L13.2-167l-84.9-84.9c-2.3-2.3-5.9-2.3-8.2 0l-26.5 26-97.4 95.5-21.3 20.9-31.3 30.5c-1.2 1.2-1.6 2.6-1.6 4.2s.7 3 1.6 4.2l88 88c2.3 2.3 6.1 2.3 8.2 0L-75.7-67 9.9 18.6c2.3 2.3 6.1 2.3 8.2 0l84.7-84.7L188 19.1c1.2 1.2 2.6 1.6 4.2 1.6s3-.5 4.2-1.6l88-88c1.2-1.2 1.6-2.6 1.6-4.2 0-1.7-.5-2.9-1.6-3.8zm-15.8 7.3L218-88.2l-23.2-50 13.4 1.9 63.6 63.6-3.2 3.1zM240-41l-15-32.1 34.5 12.7L240-41zm-348.3-115.7l-71.3 19.2 71.3-70.1v50.9zm-88.5 35.9l50-13.4-3.3 56.3-60.8-28.9 14.1-14zm62-16.6l8.9-2.3 23.7 36.4-37.1 41.1 4.5-75.2zm40.5 24.8l-19.9-30.5 11.3-3 28.4 11.7-19.8 21.8zm-2.3-43.6v-21.3l67.6 5.6 16.9 50.7-84.5-35zm57.2 65.9l24.2 14.8 4 56.5-34.2-34 6-37.3zm32.9 6.4l-30.7-19 2.3-14.8 28.9 12c.7.5 1.4.9 2.3.9l29.1 12.2 12.2 36.1-44.1-27.4zm43.8-10.4L69-110.7 45.8-69.4l-8.5-24.9zm43.9-35.6l-29.3 15.2 7-49.7 40.8 24.9-18.5 9.6zm30.7-16l-54.7-33.3-9.6-5.9L62-199.4l62.2 20.2 5.9 23.9-18.2 9.4zm29.8-11.5l-14.5-60.3 67.6 67.6-53.1-7.3zm.5 11.8l12.4 1.6L168-17.8l-35.7-35.7 9.9-92.1zm24.2 3.5l14.8 2.1 21.1 45.5-25.8 47.9-10.1-95.5zm-62.7-98.8l7.3 7.3 9.9 41.1-49.5-16 32.3-32.4zm-86.5 86.6l22.1-22.1L48-171l-8.9 62.9-9.1 4.7-28.1-11.5-23-69.2 30 30c2.4 1.9 5.9 1.9 8.3-.2zM-76-239.2l36.4 36.3 6.3 19-63.3-5.4v-29.8l20.6-20.1zM-220-98l69 32.6-1.9 31-61.7-10.8-29.3-29.3L-220-98zm55.6 103.2l-35.9-35.9 46.4 8.2-1.2 18.1-9.3 9.6zM-80-79.3l-62.4 62.4 1.6-26.7.2-.2 77.4-85.6 17.1 7-3.5 21.6-6.1 37.5-16-16c-2.2-2.3-5.9-2.3-8.3 0zM14.1 6.4L1.4-6.3-2.8-68l46.4 28.6 4.2 12.2L14.1 6.4zM103-80c-1.4 0-3 .5-4.2 1.6l-42 42-6.1-18.1L88-120.7l42-21.6-8.4 78.1-14.3-14.3c-1.2-1-2.9-1.5-4.3-1.5zm89.2 86.8L180.9-4.5l-2.3-21.6 29.8-55.4 22.8 49.3-39 39z" fill=" url(#ant-web3-icon-myst-colorful-path0_fill_1_)"/></g></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/nim-colorful.svg b/packages/icons/src/svgs/nim-colorful.svg
index e9baac309..593d616bc 100644
--- a/packages/icons/src/svgs/nim-colorful.svg
+++ b/packages/icons/src/svgs/nim-colorful.svg
@@ -1,12 +1,24 @@
-<?xml version="1.0" encoding="utf-8"?>

-<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

-<svg version="1.1" id="ant-web3-icon-nim-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 56" style="enable-background:new 0 0 64 56;" xml:space="preserve">

-

-<title>nimiq_signet_rgb_64x64</title>

-<radialGradient id="ant-web3-icon-nim-colorful-SVGID_1_" cx="46.0028" cy="6.3804" r="59.47" gradientTransform="matrix(1 0 0 -1 0 58.0009)" gradientUnits="userSpaceOnUse">

-	<stop offset="0" style="stop-color:#EC991C"/>

-	<stop offset="1" style="stop-color:#E9B213"/>

-</radialGradient>

-<path d="M63.3,25.4L50,2.6C49,1,47.2,0,45.3,0H18.7c-1.9,0-3.7,1-4.6,2.6L0.7,25.4c-1,1.6-1,3.6,0,5.3l13.3,22.7

-	c1,1.6,2.7,2.6,4.6,2.6h26.7c1.9,0,3.7-1,4.7-2.6l13.3-22.8C64.2,29,64.2,27,63.3,25.4z" style="fill: url(#ant-web3-icon-nim-colorful-SVGID_1_);"/>

-</svg>

+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg version="1.1" id="ant-web3-icon-nim-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 56" enable-background="new 0 0 64 56" xml:space="preserve">
+
+
+
+<title>nimiq_signet_rgb_64x64</title>
+
+<radialGradient id="ant-web3-icon-nim-colorful-SVGID_1_" cx="46.0028" cy="6.3804" r="59.47" gradientTransform="matrix(1 0 0 -1 0 58.0009)" gradientUnits="userSpaceOnUse">
+
+	<stop offset="0" stop-color="#EC991C"/>
+
+	<stop offset="1" stop-color="#E9B213"/>
+
+</radialGradient>
+
+<path d="M63.3,25.4L50,2.6C49,1,47.2,0,45.3,0H18.7c-1.9,0-3.7,1-4.6,2.6L0.7,25.4c-1,1.6-1,3.6,0,5.3l13.3,22.7
+
+	c1,1.6,2.7,2.6,4.6,2.6h26.7c1.9,0,3.7-1,4.7-2.6l13.3-22.8C64.2,29,64.2,27,63.3,25.4z" fill=" url(#ant-web3-icon-nim-colorful-SVGID_1_)"/>
+
+</svg>
+
diff --git a/packages/icons/src/svgs/one-colorful.svg b/packages/icons/src/svgs/one-colorful.svg
index 80776f7b2..a88b2849d 100644
--- a/packages/icons/src/svgs/one-colorful.svg
+++ b/packages/icons/src/svgs/one-colorful.svg
@@ -1 +1 @@
-<svg id="ant-web3-icon-one-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 179.51"><defs><linearGradient id="ant-web3-icon-one-colorful-linear-gradient" x1="202.93" y1="544.7" x2="203.8" y2="545.57" gradientTransform="matrix(180, 0, 0, -179.51, -36456, 98005.23)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00aee9"/><stop offset="1" stop-color="#69fabd"/></linearGradient></defs><title>harmony-one-logo</title><path id="ant-web3-icon-one-colorful-Shape" d="M201.17,60a38.81,38.81,0,0,0-38.84,38.71v42.92c-4,.27-8.09.44-12.33,0.44s-8.31.17-12.33,0.41V98.71a38.84,38.84,0,0,0-77.67,0V201.29a38.84,38.84,0,0,0,77.67,0V158.37c4-.27,8.09-0.44,12.33-0.44s8.31-.17,12.33-0.41v43.77a38.84,38.84,0,0,0,77.67,0V98.71A38.81,38.81,0,0,0,201.17,60ZM98.83,75.86a22.91,22.91,0,0,1,22.92,22.85v45.45a130.64,130.64,0,0,0-33,9.33,60,60,0,0,0-12.8,7.64V98.71A22.91,22.91,0,0,1,98.83,75.86Zm22.92,125.43a22.92,22.92,0,1,1-45.84,0V191c0-9.09,7.2-17.7,19.27-23.06a113,113,0,0,1,26.57-7.77v41.12Zm79.42,22.85a22.91,22.91,0,0,1-22.92-22.85V155.84a130.64,130.64,0,0,0,33-9.33,60,60,0,0,0,12.8-7.64v62.42A22.91,22.91,0,0,1,201.17,224.14ZM204.82,132a113,113,0,0,1-26.57,7.77V98.71a22.92,22.92,0,1,1,45.84,0V109C224.09,118.05,216.89,126.66,204.82,132Z" transform="translate(-60 -60)" style="fill:url(#ant-web3-icon-one-colorful-linear-gradient)"/></svg>
\ No newline at end of file
+<svg id="ant-web3-icon-one-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 179.51"><defs><linearGradient id="ant-web3-icon-one-colorful-linear-gradient" x1="202.93" y1="544.7" x2="203.8" y2="545.57" gradientTransform="matrix(180, 0, 0, -179.51, -36456, 98005.23)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00aee9"/><stop offset="1" stop-color="#69fabd"/></linearGradient></defs><title>harmony-one-logo</title><path id="ant-web3-icon-one-colorful-Shape" d="M201.17,60a38.81,38.81,0,0,0-38.84,38.71v42.92c-4,.27-8.09.44-12.33,0.44s-8.31.17-12.33,0.41V98.71a38.84,38.84,0,0,0-77.67,0V201.29a38.84,38.84,0,0,0,77.67,0V158.37c4-.27,8.09-0.44,12.33-0.44s8.31-.17,12.33-0.41v43.77a38.84,38.84,0,0,0,77.67,0V98.71A38.81,38.81,0,0,0,201.17,60ZM98.83,75.86a22.91,22.91,0,0,1,22.92,22.85v45.45a130.64,130.64,0,0,0-33,9.33,60,60,0,0,0-12.8,7.64V98.71A22.91,22.91,0,0,1,98.83,75.86Zm22.92,125.43a22.92,22.92,0,1,1-45.84,0V191c0-9.09,7.2-17.7,19.27-23.06a113,113,0,0,1,26.57-7.77v41.12Zm79.42,22.85a22.91,22.91,0,0,1-22.92-22.85V155.84a130.64,130.64,0,0,0,33-9.33,60,60,0,0,0,12.8-7.64v62.42A22.91,22.91,0,0,1,201.17,224.14ZM204.82,132a113,113,0,0,1-26.57,7.77V98.71a22.92,22.92,0,1,1,45.84,0V109C224.09,118.05,216.89,126.66,204.82,132Z" transform="translate(-60 -60)" fill="url(#ant-web3-icon-one-colorful-linear-gradient)"/></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/rev-colorful.svg b/packages/icons/src/svgs/rev-colorful.svg
index 533bde95c..bb6c98e84 100644
--- a/packages/icons/src/svgs/rev-colorful.svg
+++ b/packages/icons/src/svgs/rev-colorful.svg
@@ -1 +1 @@
-<svg id="ant-web3-icon-rev-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 198 198" ><linearGradient id="ant-web3-icon-rev-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="48.215" y1="34.676" x2="171.281" y2="189.785"><stop offset="0" stop-color="#771a4e"/><stop offset=".5" stop-color="#5e1953"/><stop offset=".875" stop-color="#430f4e"/><stop offset="1" stop-color="#3a0c4c"/></linearGradient><path d="M.3 0h198v198H.3z" style="fill: url(#ant-web3-icon-rev-colorful-SVGID_1_);"/><path d="M51.8 40v131l28-15V56l40 23-30 16v33l67 46v-31l-41-29 34-18V64l-70-39z" style="fill: #fff;"/></svg>
\ No newline at end of file
+<svg id="ant-web3-icon-rev-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 198 198" ><linearGradient id="ant-web3-icon-rev-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="48.215" y1="34.676" x2="171.281" y2="189.785"><stop offset="0" stop-color="#771a4e"/><stop offset=".5" stop-color="#5e1953"/><stop offset=".875" stop-color="#430f4e"/><stop offset="1" stop-color="#3a0c4c"/></linearGradient><path d="M.3 0h198v198H.3z" fill=" url(#ant-web3-icon-rev-colorful-SVGID_1_)"/><path d="M51.8 40v131l28-15V56l40 23-30 16v33l67 46v-31l-41-29 34-18V64l-70-39z" fill=" #fff"/></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/rune-colorful.svg b/packages/icons/src/svgs/rune-colorful.svg
index 43da7c481..3de5ac46b 100644
--- a/packages/icons/src/svgs/rune-colorful.svg
+++ b/packages/icons/src/svgs/rune-colorful.svg
@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-rune-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 253.3 290.5" style="enable-background:new 0 0 253.3 290.5;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-rune-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 253.3 290.5" enable-background="new 0 0 253.3 290.5" xml:space="preserve">
 
 <title>Thorchain_logo_white_text</title>
 <desc>Created with Sketch.</desc>
 <linearGradient id="ant-web3-icon-rune-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="-321.7246" y1="644.2814" x2="-320.7246" y2="644.2814" gradientTransform="matrix(253.26 0 0 -290.5 81479.9766 187309)">
-	<stop offset="0" style="stop-color:#00CCFF"/>
-	<stop offset="1" style="stop-color:#33FF99"/>
+	<stop offset="0" stop-color="#00CCFF"/>
+	<stop offset="1" stop-color="#33FF99"/>
 </linearGradient>
-<path d="M0,290.5l202.8-85.4L138.6,140L0,290.5z M74.5,75l64.2,65L253.3,0L74.5,75z" style="fill: url(#ant-web3-icon-rune-colorful-SVGID_1_);"/>
+<path d="M0,290.5l202.8-85.4L138.6,140L0,290.5z M74.5,75l64.2,65L253.3,0L74.5,75z" fill=" url(#ant-web3-icon-rune-colorful-SVGID_1_)"/>
 </svg>
diff --git a/packages/icons/src/svgs/safemoon-circle-colorful.svg b/packages/icons/src/svgs/safemoon-circle-colorful.svg
index 546d3ee09..eea876fa4 100644
--- a/packages/icons/src/svgs/safemoon-circle-colorful.svg
+++ b/packages/icons/src/svgs/safemoon-circle-colorful.svg
@@ -1,32 +1,32 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-safemoon-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 172.2 173.1" style="enable-background:new 0 0 172.2 173.1;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-safemoon-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 172.2 173.1" enable-background="new 0 0 172.2 173.1" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-safemoon-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="86.55" y1="783.04" x2="86.55" y2="770.0601" gradientTransform="matrix(1 0 0 1 0 -668)">
-	<stop offset="0" style="stop-color:#B5E0DA"/>
-	<stop offset="0.63" style="stop-color:#3CBAB2"/>
-	<stop offset="0.97" style="stop-color:#00A89E"/>
-	<stop offset="1" style="stop-color:#00A69C"/>
+	<stop offset="0" stop-color="#B5E0DA"/>
+	<stop offset="0.63" stop-color="#3CBAB2"/>
+	<stop offset="0.97" stop-color="#00A89E"/>
+	<stop offset="1" stop-color="#00A69C"/>
 </linearGradient>
-<polygon points="81.4,102.1 82.5,107.5 84.6,104.8 86.6,115 88.6,104.8 90.6,107.5 91.7,102.1 " style="fill: url(#ant-web3-icon-safemoon-circle-colorful-SVGID_1_);"/>
+<polygon points="81.4,102.1 82.5,107.5 84.6,104.8 86.6,115 88.6,104.8 90.6,107.5 91.7,102.1 " fill=" url(#ant-web3-icon-safemoon-circle-colorful-SVGID_1_)"/>
 <path d="M92,93.4V78c0-3-5.4-10.6-5.4-10.6S81.2,75,81.2,78v15.4c-3.5,1.1-6.6,3.4-8.8,6.4h28.4
-	C98.6,96.8,95.5,94.5,92,93.4z" style="fill: #27233E;"/>
+	C98.6,96.8,95.5,94.5,92,93.4z" fill=" #27233E"/>
 <linearGradient id="ant-web3-icon-safemoon-circle-colorful-SVGID_00000032642042356041694250000018136826273975415446_" gradientUnits="userSpaceOnUse" x1="144" y1="785.1" x2="144" y2="768.98" gradientTransform="matrix(1 0 0 1 0 -668)">
-	<stop offset="0" style="stop-color:#B5E0DA"/>
-	<stop offset="0.63" style="stop-color:#3CBAB2"/>
-	<stop offset="0.97" style="stop-color:#00A89E"/>
-	<stop offset="1" style="stop-color:#00A69C"/>
+	<stop offset="0" stop-color="#B5E0DA"/>
+	<stop offset="0.63" stop-color="#3CBAB2"/>
+	<stop offset="0.97" stop-color="#00A89E"/>
+	<stop offset="1" stop-color="#00A69C"/>
 </linearGradient>
-<path style="fill:url(#ant-web3-icon-safemoon-circle-colorful-SVGID_00000032642042356041694250000018136826273975415446_);" d="M152.1,109c0-4.5-3.6-8.1-8.1-8.1
+<path fill="url(#ant-web3-icon-safemoon-circle-colorful-SVGID_00000032642042356041694250000018136826273975415446_)" d="M152.1,109c0-4.5-3.6-8.1-8.1-8.1
 	s-8.1,3.6-8.1,8.1s3.6,8.1,8.1,8.1l0,0C148.5,117.1,152.1,113.4,152.1,109z M139.3,109c0-2.6,2.1-4.7,4.7-4.7s4.7,2.1,4.7,4.7
 	s-2.1,4.7-4.7,4.7l0,0C141.4,113.7,139.3,111.6,139.3,109z"/>
 <linearGradient id="ant-web3-icon-safemoon-circle-colorful-SVGID_00000166656113954037065390000004903023955343834279_" gradientUnits="userSpaceOnUse" x1="86.1024" y1="841.1" x2="86.1024" y2="668" gradientTransform="matrix(1 0 0 1 0 -668)">
-	<stop offset="0" style="stop-color:#B5E0DA"/>
-	<stop offset="0.63" style="stop-color:#3CBAB2"/>
-	<stop offset="0.97" style="stop-color:#00A89E"/>
-	<stop offset="1" style="stop-color:#00A69C"/>
+	<stop offset="0" stop-color="#B5E0DA"/>
+	<stop offset="0.63" stop-color="#3CBAB2"/>
+	<stop offset="0.97" stop-color="#00A89E"/>
+	<stop offset="1" stop-color="#00A69C"/>
 </linearGradient>
-<path style="fill:url(#ant-web3-icon-safemoon-circle-colorful-SVGID_00000166656113954037065390000004903023955343834279_);" d="M86.6,0C38.8,0.1,0.1,38.8,0,86.6
+<path fill="url(#ant-web3-icon-safemoon-circle-colorful-SVGID_00000166656113954037065390000004903023955343834279_)" d="M86.6,0C38.8,0.1,0.1,38.8,0,86.6
 	c0,33,20.3,59.5,47.2,61.8c16.4,1.4,32.2-4.5,42.6-9.6c6.2-2.6,12-6.1,17.2-10.4l1.1-0.9l0,0c0.8-0.7,1.6-1.4,2.4-2.1
 	c9.8-9.2,21.4-25.9,21.4-52.7v-3l-45-30.9L42,69.6v2.9c0,26.8,11.6,43.4,21.4,52.7c1.1,1.1,2.3,2.1,3.6,3.2c4.1-1.5,8.2-3,12.2-4.8
 	c-10.2-6.6-25-20.9-25.9-48.2L87,52.3l33.7,23.1c-0.8,22-10.7,35.5-19.3,43.1l-1.1,0.8c-0.3,0.2-26.2,19.9-52.1,17.8
diff --git a/packages/icons/src/svgs/sand-circle-colorful.svg b/packages/icons/src/svgs/sand-circle-colorful.svg
index e79137f28..0de7086f2 100644
--- a/packages/icons/src/svgs/sand-circle-colorful.svg
+++ b/packages/icons/src/svgs/sand-circle-colorful.svg
@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-sand-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-sand-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-sand-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="25.2144" y1="1024.8223" x2="25.8374" y2="1024.1193" gradientTransform="matrix(50 0 0 -50 -1250 51250)">
-	<stop offset="0" style="stop-color:#00ADEF"/>
-	<stop offset="1" style="stop-color:#0084FF"/>
+	<stop offset="0" stop-color="#00ADEF"/>
+	<stop offset="1" stop-color="#0084FF"/>
 </linearGradient>
-<circle cx="25" cy="25" r="25" style="fill: url(#ant-web3-icon-sand-circle-colorful-SVGID_1_);"/>
+<circle cx="25" cy="25" r="25" fill=" url(#ant-web3-icon-sand-circle-colorful-SVGID_1_)"/>
 <path d="M16.6,11.8l-2.7,2.7v10.7l2.7,2.7h10.7v5.4H22v-2.7h-8.1v5.4l2.7,2.7h16.1l2.7-2.7V25.2l-2.7-2.7H22v-5.4h5.4
-	v2.7h8.1v-5.4l-2.7-2.7H16.6z" style="fill: #FFFFFF;"/>
+	v2.7h8.1v-5.4l-2.7-2.7H16.6z" fill=" #FFFFFF"/>
 </svg>
diff --git a/packages/icons/src/svgs/sha-colorful.svg b/packages/icons/src/svgs/sha-colorful.svg
index eadce1bed..ad95c2686 100644
--- a/packages/icons/src/svgs/sha-colorful.svg
+++ b/packages/icons/src/svgs/sha-colorful.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-sha-colorful-Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 799.7 1080" style="enable-background:new 0 0 799.7 1080;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-sha-colorful-Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 799.7 1080" enable-background="new 0 0 799.7 1080" xml:space="preserve">
 
 <g>
 	<defs>
@@ -17,15 +17,15 @@
 			c1.2-19.3,2.1-38.9,3-62.3l2.2-376.8l-13.7-4.8C687.4,99,588.9,64.2,490.5,29.3L416.1,2.8C410.9,0.9,405.4,0,399.8,0z"/>
 	</defs>
 	<clipPath id="ant-web3-icon-sha-colorful-SVGID_00000022533968623775338850000007933518363624440239_">
-		<use xlink:href="#ant-web3-icon-sha-colorful-SVGID_1_" style="overflow:visible;"/>
+		<use xlink:href="#ant-web3-icon-sha-colorful-SVGID_1_" overflow="visible"/>
 	</clipPath>
-	<g style="clip-path:url(#ant-web3-icon-sha-colorful-SVGID_00000022533968623775338850000007933518363624440239_);">
+	<g clip-path="url(#ant-web3-icon-sha-colorful-SVGID_00000022533968623775338850000007933518363624440239_)">
 		
 			<linearGradient id="ant-web3-icon-sha-colorful-SVGID_00000028320129924618997320000015437099807225896627_" gradientUnits="userSpaceOnUse" x1="102.0111" y1="-120.2027" x2="103.0111" y2="-120.2027" gradientTransform="matrix(718.3851 -718.3851 718.3851 718.3851 13150.7539 160492.7344)">
-			<stop offset="0" style="stop-color:#8933EF"/>
-			<stop offset="1" style="stop-color:#FF2DBB"/>
+			<stop offset="0" stop-color="#8933EF"/>
+			<stop offset="1" stop-color="#FF2DBB"/>
 		</linearGradient>
-		<polygon style="fill:url(#ant-web3-icon-sha-colorful-SVGID_00000028320129924618997320000015437099807225896627_);" points="-540,540 399.8,-399.8 
+		<polygon fill="url(#ant-web3-icon-sha-colorful-SVGID_00000028320129924618997320000015437099807225896627_)" points="-540,540 399.8,-399.8 
 			1339.7,540 399.8,1479.8 		"/>
 	</g>
 </g>
@@ -39,15 +39,15 @@
 			s-139.1-43.1-187.6,12C278.6,272.4,266.8,303.7,266.8,336"/>
 	</defs>
 	<clipPath id="ant-web3-icon-sha-colorful-SVGID_00000085936594931960722110000017451491775590203832_">
-		<use xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000109020279021252862290000018427539091053992622_" style="overflow:visible;"/>
+		<use xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000109020279021252862290000018427539091053992622_" overflow="visible"/>
 	</clipPath>
-	<g style="clip-path:url(#ant-web3-icon-sha-colorful-SVGID_00000085936594931960722110000017451491775590203832_);">
+	<g clip-path="url(#ant-web3-icon-sha-colorful-SVGID_00000085936594931960722110000017451491775590203832_)">
 		
 			<linearGradient id="ant-web3-icon-sha-colorful-SVGID_00000082346347322031338530000014683120726886857868_" gradientUnits="userSpaceOnUse" x1="102.0111" y1="-120.2379" x2="103.0111" y2="-120.2379" gradientTransform="matrix(718.3851 -718.3851 718.3851 718.3851 13150.7139 160492.8125)">
-			<stop offset="0" style="stop-color:#8933EF"/>
-			<stop offset="1" style="stop-color:#FF2DBB"/>
+			<stop offset="0" stop-color="#8933EF"/>
+			<stop offset="1" stop-color="#FF2DBB"/>
 		</linearGradient>
-		<polygon style="fill:url(#ant-web3-icon-sha-colorful-SVGID_00000082346347322031338530000014683120726886857868_);" points="-27.2,489.5 399.8,62.6 
+		<polygon fill="url(#ant-web3-icon-sha-colorful-SVGID_00000082346347322031338530000014683120726886857868_)" points="-27.2,489.5 399.8,62.6 
 			826.8,489.5 399.8,916.5 		"/>
 	</g>
 </g>
@@ -57,15 +57,15 @@
 			v221.8h40V235.4c73.1-25.8,146.3-51.7,217.4-76.8l1-0.4l24.1-8.5v-42.4L342.3,120.5z"/>
 	</defs>
 	<clipPath id="ant-web3-icon-sha-colorful-SVGID_00000012462947221932013700000008785498216799247797_">
-		<use xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000168807714420179531800000015750464664801491074_" style="overflow:visible;"/>
+		<use xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000168807714420179531800000015750464664801491074_" overflow="visible"/>
 	</clipPath>
-	<g style="clip-path:url(#ant-web3-icon-sha-colorful-SVGID_00000012462947221932013700000008785498216799247797_);">
+	<g clip-path="url(#ant-web3-icon-sha-colorful-SVGID_00000012462947221932013700000008785498216799247797_)">
 		
 			<linearGradient id="ant-web3-icon-sha-colorful-SVGID_00000045598554596462634820000004729081677745134497_" gradientUnits="userSpaceOnUse" x1="102.0111" y1="-120.5042" x2="103.0111" y2="-120.5042" gradientTransform="matrix(718.3851 -718.3851 718.3851 718.3851 13150.8135 160492.6094)">
-			<stop offset="0" style="stop-color:#8933EF"/>
-			<stop offset="1" style="stop-color:#FF2DBB"/>
+			<stop offset="0" stop-color="#8933EF"/>
+			<stop offset="1" stop-color="#FF2DBB"/>
 		</linearGradient>
-		<polygon style="fill:url(#ant-web3-icon-sha-colorful-SVGID_00000045598554596462634820000004729081677745134497_);" points="-63.6,268.1 238.5,-34 
+		<polygon fill="url(#ant-web3-icon-sha-colorful-SVGID_00000045598554596462634820000004729081677745134497_)" points="-63.6,268.1 238.5,-34 
 			540.6,268.1 238.5,570.2 		"/>
 	</g>
 </g>
@@ -77,15 +77,15 @@
 			c-12.4-23.5-21.8-50.1-28.8-81.3c-6.9-30.6-11.3-63-13.6-99.1v-0.1c-1.2-18.2-1.9-37.7-2.8-58.4v-0.5l-1.9-40.8H97.4z"/>
 	</defs>
 	<clipPath id="ant-web3-icon-sha-colorful-SVGID_00000033359479811214489220000008219021004950443451_">
-		<use xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000174582612562493844140000000006786535788051104_" style="overflow:visible;"/>
+		<use xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000174582612562493844140000000006786535788051104_" overflow="visible"/>
 	</clipPath>
-	<g style="clip-path:url(#ant-web3-icon-sha-colorful-SVGID_00000033359479811214489220000008219021004950443451_);">
+	<g clip-path="url(#ant-web3-icon-sha-colorful-SVGID_00000033359479811214489220000008219021004950443451_)">
 		
 			<linearGradient id="ant-web3-icon-sha-colorful-SVGID_00000031174290176541309150000010605064668230296245_" gradientUnits="userSpaceOnUse" x1="102.0111" y1="-120.1914" x2="103.0111" y2="-120.1914" gradientTransform="matrix(718.3851 -718.3851 718.3851 718.3851 13150.7471 160492.7344)">
-			<stop offset="0" style="stop-color:#8933EF"/>
-			<stop offset="1" style="stop-color:#FF2DBB"/>
+			<stop offset="0" stop-color="#8933EF"/>
+			<stop offset="1" stop-color="#FF2DBB"/>
 		</linearGradient>
-		<polygon style="fill:url(#ant-web3-icon-sha-colorful-SVGID_00000031174290176541309150000010605064668230296245_);" points="-151.2,717.5 238.6,327.7 
+		<polygon fill="url(#ant-web3-icon-sha-colorful-SVGID_00000031174290176541309150000010605064668230296245_)" points="-151.2,717.5 238.6,327.7 
 			628.4,717.5 238.6,1107.3 		"/>
 	</g>
 </g>
@@ -95,15 +95,15 @@
 			c77.3,27.3,147.7,52.2,217.1,76.7l-1.1,193.7h40l1.3-222c-77.4-27.2-154.3-54.4-244.1-86.2l0,0l0,0L419.9,107L419.8,149.5z"/>
 	</defs>
 	<clipPath id="ant-web3-icon-sha-colorful-SVGID_00000029031677377590265740000009106018478449673872_">
-		<use xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000091738113444618333000000004295418250409850255_" style="overflow:visible;"/>
+		<use xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000091738113444618333000000004295418250409850255_" overflow="visible"/>
 	</clipPath>
-	<g style="clip-path:url(#ant-web3-icon-sha-colorful-SVGID_00000029031677377590265740000009106018478449673872_);">
+	<g clip-path="url(#ant-web3-icon-sha-colorful-SVGID_00000029031677377590265740000009106018478449673872_)">
 		
 			<linearGradient id="ant-web3-icon-sha-colorful-SVGID_00000103248077394454783730000000778117678274359994_" gradientUnits="userSpaceOnUse" x1="102.0111" y1="-120.2797" x2="103.0111" y2="-120.2797" gradientTransform="matrix(718.3851 -718.3851 718.3851 718.3851 13150.7422 160492.7031)">
-			<stop offset="0" style="stop-color:#8933EF"/>
-			<stop offset="1" style="stop-color:#FF2DBB"/>
+			<stop offset="0" stop-color="#8933EF"/>
+			<stop offset="1" stop-color="#FF2DBB"/>
 		</linearGradient>
-		<polygon style="fill:url(#ant-web3-icon-sha-colorful-SVGID_00000103248077394454783730000000778117678274359994_);" points="258.9,268 561.1,-34.2 
+		<polygon fill="url(#ant-web3-icon-sha-colorful-SVGID_00000103248077394454783730000000778117678274359994_)" points="258.9,268 561.1,-34.2 
 			863.3,268 561.1,570.2 		"/>
 	</g>
 </g>
@@ -115,15 +115,15 @@
 			c14.1-26.6,24.7-56.4,32.5-91.1c7.4-32.9,12.1-67.4,14.5-105.4c1.1-18.1,1.9-36.5,2.8-58.4l0.2-44.1H660.9z"/>
 	</defs>
 	<clipPath id="ant-web3-icon-sha-colorful-SVGID_00000081649155789271971840000009304027408372995993_">
-		<use xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000152960743096506751040000008901854242073394613_" style="overflow:visible;"/>
+		<use xlink:href="#ant-web3-icon-sha-colorful-SVGID_00000152960743096506751040000008901854242073394613_" overflow="visible"/>
 	</clipPath>
-	<g style="clip-path:url(#ant-web3-icon-sha-colorful-SVGID_00000081649155789271971840000009304027408372995993_);">
+	<g clip-path="url(#ant-web3-icon-sha-colorful-SVGID_00000081649155789271971840000009304027408372995993_)">
 		
 			<linearGradient id="ant-web3-icon-sha-colorful-SVGID_00000052071382659092892630000015135903721764265637_" gradientUnits="userSpaceOnUse" x1="102.0111" y1="-119.9673" x2="103.0111" y2="-119.9673" gradientTransform="matrix(718.3851 -718.3851 718.3851 718.3851 13150.6738 160492.7969)">
-			<stop offset="0" style="stop-color:#8933EF"/>
-			<stop offset="1" style="stop-color:#FF2DBB"/>
+			<stop offset="0" stop-color="#8933EF"/>
+			<stop offset="1" stop-color="#FF2DBB"/>
 		</linearGradient>
-		<polygon style="fill:url(#ant-web3-icon-sha-colorful-SVGID_00000052071382659092892630000015135903721764265637_);" points="171.1,717.6 560.4,328.4 
+		<polygon fill="url(#ant-web3-icon-sha-colorful-SVGID_00000052071382659092892630000015135903721764265637_)" points="171.1,717.6 560.4,328.4 
 			949.6,717.6 560.4,1106.9 		"/>
 	</g>
 </g>
diff --git a/packages/icons/src/svgs/snow-circle-colorful.svg b/packages/icons/src/svgs/snow-circle-colorful.svg
index ea0d99d8a..f85d25f60 100644
--- a/packages/icons/src/svgs/snow-circle-colorful.svg
+++ b/packages/icons/src/svgs/snow-circle-colorful.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-snow-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-snow-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-snow-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="36.8327" y1="1001.3662" x2="10.8712" y2="998.6022" gradientTransform="matrix(1 0 0 -1 -12 1012)">
-	<stop offset="0" style="stop-color:#1ADBC5"/>
-	<stop offset="1" style="stop-color:#04D3DD"/>
+	<stop offset="0" stop-color="#1ADBC5"/>
+	<stop offset="1" stop-color="#04D3DD"/>
 </linearGradient>
 <path d="M12,24c6.6,0,12-5.4,12-12c0-6.6-5.4-12-12-12C5.4,0,0,5.4,0,12C0,18.6,5.4,24,12,24z" style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-snow-circle-colorful-SVGID_1_);"/>
 <path d="M19.2,16.1l-1.4-0.8l1.1-0.3c0.3-0.1,0.5-0.4,0.4-0.7s-0.4-0.5-0.6-0.4l-1.2,0.3c-0.6,0.2-1.2,0.1-1.7-0.2
@@ -23,12 +23,12 @@
 	c-0.4-0.4-0.7-1-0.7-1.6c0-0.6,0.3-1.1,0.8-1.4l0.1-0.1c0.5-0.3,1.1-0.3,1.6,0c0.5,0.3,0.9,0.8,1,1.3l0.3,1.3
 	c0.1,0.2,0.3,0.4,0.5,0.4c0.3,0,0.6-0.3,0.5-0.7l-0.3-1.1l1.4,0.8c0.3,0.1,0.6,0.1,0.7-0.2C19.5,16.6,19.5,16.3,19.2,16.1z
 	 M13.8,12.6c0,0.6-0.3,1.2-0.9,1.5c-0.6,0.3-1.2,0.3-1.8,0c-0.5-0.3-0.9-0.9-0.9-1.5v0c0-0.6,0.3-1.2,0.9-1.5c0.6-0.3,1.2-0.3,1.8,0
-	C13.5,11.3,13.8,11.9,13.8,12.6L13.8,12.6z" style="fill: #FFFFFF;"/>
+	C13.5,11.3,13.8,11.9,13.8,12.6L13.8,12.6z" fill=" #FFFFFF"/>
 <linearGradient id="ant-web3-icon-snow-circle-colorful-SVGID_2_" gradientUnits="userSpaceOnUse" x1="36.8327" y1="1001.3662" x2="10.8712" y2="998.6022" gradientTransform="matrix(1 0 0 -1 -12 1012)">
-	<stop offset="0" style="stop-color:#1ADBC5"/>
-	<stop offset="1" style="stop-color:#04D3DD"/>
+	<stop offset="0" stop-color="#1ADBC5"/>
+	<stop offset="1" stop-color="#04D3DD"/>
 </linearGradient>
-<path d="M12,24c6.6,0,12-5.4,12-12c0-6.6-5.4-12-12-12C5.4,0,0,5.4,0,12C0,18.6,5.4,24,12,24z" style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-snow-circle-colorful-SVGID_2_);"/>
+<path d="M12,24c6.6,0,12-5.4,12-12c0-6.6-5.4-12-12-12C5.4,0,0,5.4,0,12C0,18.6,5.4,24,12,24z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-snow-circle-colorful-SVGID_2_)"/>
 <path d="M19.2,16.1l-1.4-0.8l1.1-0.3c0.3-0.1,0.5-0.4,0.4-0.7s-0.4-0.5-0.6-0.4l-1.2,0.3c-0.6,0.2-1.2,0.1-1.7-0.2
 	c-0.5-0.3-0.8-0.8-0.8-1.4v-0.2c0-0.6,0.3-1.1,0.8-1.4c0.5-0.3,1.1-0.4,1.7-0.2c1.4,0.4,1.3,0.4,1.4,0.4c0.2,0,0.4-0.2,0.5-0.4
 	c0.1-0.3-0.1-0.6-0.4-0.7l-1.1-0.3L19.2,9c0.3-0.1,0.3-0.5,0.2-0.7c-0.1-0.3-0.5-0.3-0.7-0.2l-1.4,0.8l0.3-1.1
@@ -45,5 +45,5 @@
 	c-0.4-0.4-0.7-1-0.7-1.6c0-0.6,0.3-1.1,0.8-1.4l0.1-0.1c0.5-0.3,1.1-0.3,1.6,0c0.5,0.3,0.9,0.8,1,1.3l0.3,1.3
 	c0.1,0.2,0.3,0.4,0.5,0.4c0.3,0,0.6-0.3,0.5-0.7l-0.3-1.1l1.4,0.8c0.3,0.1,0.6,0.1,0.7-0.2C19.5,16.6,19.5,16.3,19.2,16.1z
 	 M13.8,12.6c0,0.6-0.3,1.2-0.9,1.5c-0.6,0.3-1.2,0.3-1.8,0c-0.5-0.3-0.9-0.9-0.9-1.5v0c0-0.6,0.3-1.2,0.9-1.5c0.6-0.3,1.2-0.3,1.8,0
-	C13.5,11.3,13.8,11.9,13.8,12.6L13.8,12.6z" style="fill: #FFFFFF;"/>
+	C13.5,11.3,13.8,11.9,13.8,12.6L13.8,12.6z" fill=" #FFFFFF"/>
 </svg>
diff --git a/packages/icons/src/svgs/srm-colorful.svg b/packages/icons/src/svgs/srm-colorful.svg
index 60a4f2abc..4183c19ea 100644
--- a/packages/icons/src/svgs/srm-colorful.svg
+++ b/packages/icons/src/svgs/srm-colorful.svg
@@ -1,28 +1,28 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-srm-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 251 283.9" style="enable-background:new 0 0 251 283.9;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-srm-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 251 283.9" enable-background="new 0 0 251 283.9" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-srm-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="125.5" y1="52.0877" x2="125.5" y2="253.0878" gradientTransform="matrix(1 0 0 -1 0 285.9755)">
-	<stop offset="0" style="stop-color:#05AAC5"/>
-	<stop offset="1" style="stop-color:#71E0EC"/>
+	<stop offset="0" stop-color="#05AAC5"/>
+	<stop offset="1" stop-color="#71E0EC"/>
 </linearGradient>
 <path d="M125.5,233.9c-43.1,0-78.1-35-78.1-78.1c0-41.9,70.7-115.9,73.7-119l3.7-3.9l3.8,3.8c3.1,3.1,75,77.1,75,119
 	C203.6,198.9,168.6,233.9,125.5,233.9L125.5,233.9z M124.9,48c-6.2,6.7-19.2,21.2-32.1,38.2c-22.9,30.2-35,54.2-35,69.5
-	c0,37.3,30.4,67.7,67.7,67.7s67.7-30.4,67.7-67.7c0-15.3-12.3-39.3-35.6-69.5C144.5,69.3,131.2,54.7,124.9,48z" style="fill: url(#ant-web3-icon-srm-colorful-SVGID_1_);"/>
+	c0,37.3,30.4,67.7,67.7,67.7s67.7-30.4,67.7-67.7c0-15.3-12.3-39.3-35.6-69.5C144.5,69.3,131.2,54.7,124.9,48z" fill=" url(#ant-web3-icon-srm-colorful-SVGID_1_)"/>
 <linearGradient id="ant-web3-icon-srm-colorful-SVGID_2_" gradientUnits="userSpaceOnUse" x1="125.6" y1="27.0877" x2="125.6" y2="269.3627" gradientTransform="matrix(1 0 0 -1 0 285.9755)">
-	<stop offset="0" style="stop-color:#05AAC5"/>
-	<stop offset="1" style="stop-color:#71E0EC"/>
+	<stop offset="0" stop-color="#05AAC5"/>
+	<stop offset="1" stop-color="#71E0EC"/>
 </linearGradient>
 <path d="M125.5,258.9c-56.9,0-103.1-46.3-103.1-103.1c0-55.6,77.6-133.2,80.9-136.4c2-2,5.4-2,7.4,0s2,5.4,0,7.4
 	c-0.8,0.8-77.8,77.8-77.8,129c0,51.1,41.6,92.7,92.7,92.7s92.7-41.6,92.7-92.7c0-21-13.6-50-39.4-84.1
 	c-19.8-26.1-39.7-45.9-39.9-46.1c-2.1-2-2.1-5.3,0-7.4c2-2.1,5.3-2.1,7.4,0c3.4,3.3,82.4,81.9,82.4,137.6
-	C228.6,212.6,182.4,258.9,125.5,258.9L125.5,258.9z" style="fill: url(#ant-web3-icon-srm-colorful-SVGID_2_);"/>
+	C228.6,212.6,182.4,258.9,125.5,258.9L125.5,258.9z" fill=" url(#ant-web3-icon-srm-colorful-SVGID_2_)"/>
 <linearGradient id="ant-web3-icon-srm-colorful-SVGID_3_" gradientUnits="userSpaceOnUse" x1="125.5" y1="2.0877" x2="125.5" y2="285.9755" gradientTransform="matrix(1 0 0 -1 0 285.9755)">
-	<stop offset="0" style="stop-color:#05AAC5"/>
-	<stop offset="1" style="stop-color:#71E0EC"/>
+	<stop offset="0" stop-color="#05AAC5"/>
+	<stop offset="1" stop-color="#71E0EC"/>
 </linearGradient>
 <path d="M125.5,283.9C56.3,283.9,0,227.6,0,158.4c0-28.6,14.4-63.8,42.7-104.5C63.6,23.9,84.1,2.5,85,1.6
 	c2-2.1,5.3-2.1,7.4-0.1s2.1,5.3,0.1,7.4C92.3,9.1,71.6,30.7,51.2,60c-26.7,38.3-40.8,72.3-40.8,98.4c0,63.4,51.6,115.1,115.1,115.1
 	s115.1-51.6,115.1-115.1c0-26.1-14.2-60.1-41.1-98.4C178.9,30.7,158,9.1,157.8,8.9c-2-2.1-2-5.4,0.1-7.4s5.4-2,7.4,0.1
-	c3.5,3.6,85.7,89,85.7,156.8C251,227.6,194.7,283.9,125.5,283.9z" style="fill: url(#ant-web3-icon-srm-colorful-SVGID_3_);"/>
+	c3.5,3.6,85.7,89,85.7,156.8C251,227.6,194.7,283.9,125.5,283.9z" fill=" url(#ant-web3-icon-srm-colorful-SVGID_3_)"/>
 </svg>
diff --git a/packages/icons/src/svgs/tfuel-circle-colorful.svg b/packages/icons/src/svgs/tfuel-circle-colorful.svg
index 23bd20a43..dc6a34d0c 100644
--- a/packages/icons/src/svgs/tfuel-circle-colorful.svg
+++ b/packages/icons/src/svgs/tfuel-circle-colorful.svg
@@ -1,34 +1,34 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-tfuel-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-tfuel-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
 
 <g>
 	<g>
 		<g>
 			
 				<linearGradient id="ant-web3-icon-tfuel-circle-colorful-SVGID_2_" gradientUnits="userSpaceOnUse" x1="0" y1="500" x2="1000" y2="500" gradientTransform="matrix(1 0 0 -1 0 1000)">
-				<stop offset="0" style="stop-color:#FFA50D"/>
-				<stop offset="1" style="stop-color:#FE5413"/>
+				<stop offset="0" stop-color="#FFA50D"/>
+				<stop offset="1" stop-color="#FE5413"/>
 			</linearGradient>
-			<path id="ant-web3-icon-tfuel-circle-colorful-SVGID_1_" d="M500,0c276.1,0,500,223.9,500,500s-223.9,500-500,500S0,776.1,0,500S223.9,0,500,0L500,0z" style="fill: url(#ant-web3-icon-tfuel-circle-colorful-SVGID_2_);"/>
+			<path id="ant-web3-icon-tfuel-circle-colorful-SVGID_1_" d="M500,0c276.1,0,500,223.9,500,500s-223.9,500-500,500S0,776.1,0,500S223.9,0,500,0L500,0z" fill=" url(#ant-web3-icon-tfuel-circle-colorful-SVGID_2_)"/>
 		</g>
 	</g>
 	<g>
 		<g>
 			<path id="ant-web3-icon-tfuel-circle-colorful-SVGID_4_" d="M692,347c-6.3,7.5-5.9,24.1-16,19c0,0-70.3-26.9-27-106c11.7-18.3,23.8-19.5,22-64
-				c10.8,16.4,46.2,49.3,49,101C722.8,331.5,702.2,336.1,692,347L692,347z" style="fill: #FFFFFF;"/>
+				c10.8,16.4,46.2,49.3,49,101C722.8,331.5,702.2,336.1,692,347L692,347z" fill=" #FFFFFF"/>
 		</g>
 		<g>
 			<path id="ant-web3-icon-tfuel-circle-colorful-SVGID_5_" d="M636,470c17.3-5.8,45.3-15,47-74c26.7,40.9,117.3,98.3,74,274c-17.6,68.5-83.2,101.8-145,127
 				c-38.6,16.4-78,43.8-94,85c0,0-292.1-36.9-283-327c7.3-150.5,148.3-208,208-318c31.8-69.4,21-139,21-139s186,115.7,102,294
-				C538.7,455,603.9,476.3,636,470L636,470z" style="fill: #FFFFFF;"/>
+				C538.7,455,603.9,476.3,636,470L636,470z" fill=" #FFFFFF"/>
 		</g>
 		<g>
 			<linearGradient id="ant-web3-icon-tfuel-circle-colorful-SVGID_3_" gradientUnits="userSpaceOnUse" x1="349" y1="622" x2="652" y2="622">
-				<stop offset="0" style="stop-color:#FFA50D"/>
-				<stop offset="1" style="stop-color:#FE5413"/>
+				<stop offset="0" stop-color="#FFA50D"/>
+				<stop offset="1" stop-color="#FE5413"/>
 			</linearGradient>
-			<polygon id="ant-web3-icon-tfuel-circle-colorful-SVGID_6_" points="349,522 349,619 452,619 452,722 549,722 549,619 652,619 652,522 			" style="fill: url(#ant-web3-icon-tfuel-circle-colorful-SVGID_3_);"/>
+			<polygon id="ant-web3-icon-tfuel-circle-colorful-SVGID_6_" points="349,522 349,619 452,619 452,722 549,722 549,619 652,619 652,522 			" fill=" url(#ant-web3-icon-tfuel-circle-colorful-SVGID_3_)"/>
 		</g>
 	</g>
 </g>
diff --git a/packages/icons/src/svgs/trb-circle-colorful.svg b/packages/icons/src/svgs/trb-circle-colorful.svg
index c908314dd..e131fa5a0 100644
--- a/packages/icons/src/svgs/trb-circle-colorful.svg
+++ b/packages/icons/src/svgs/trb-circle-colorful.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200"><defs><clipPath id="ant-web3-icon-trb-circle-colorful-clip-path"><rect width="200" height="200" style="fill:none"/></clipPath><linearGradient id="ant-web3-icon-trb-circle-colorful-linear-gradient" x1="88.62" y1="867.19" x2="104.7" y2="929.41" gradientTransform="translate(0 -798)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00ff8f"/><stop offset="0.43" stop-color="#53fdb2"/><stop offset="1" stop-color="#68fcbb"/></linearGradient></defs><title>tellor-trb</title><g id="ant-web3-icon-trb-circle-colorful-Layer_2"><g id="ant-web3-icon-trb-circle-colorful-Layer_1-2"><g style="clip-path:url(#ant-web3-icon-trb-circle-colorful-clip-path)"><circle cx="100" cy="100" r="100"/><path d="M164.8,77.5c4.4,17.2-82.3,59.7-121.6,69.8s76-39.7,71.5-56.9S18.3,87.3,57.6,77.2,160.4,60.3,164.8,77.5Z" style="fill:url(#ant-web3-icon-trb-circle-colorful-linear-gradient)"/></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200"><defs><clipPath id="ant-web3-icon-trb-circle-colorful-clip-path"><rect width="200" height="200" fill="none"/></clipPath><linearGradient id="ant-web3-icon-trb-circle-colorful-linear-gradient" x1="88.62" y1="867.19" x2="104.7" y2="929.41" gradientTransform="translate(0 -798)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00ff8f"/><stop offset="0.43" stop-color="#53fdb2"/><stop offset="1" stop-color="#68fcbb"/></linearGradient></defs><title>tellor-trb</title><g id="ant-web3-icon-trb-circle-colorful-Layer_2"><g id="ant-web3-icon-trb-circle-colorful-Layer_1-2"><g clip-path="url(#ant-web3-icon-trb-circle-colorful-clip-path)"><circle cx="100" cy="100" r="100"/><path d="M164.8,77.5c4.4,17.2-82.3,59.7-121.6,69.8s76-39.7,71.5-56.9S18.3,87.3,57.6,77.2,160.4,60.3,164.8,77.5Z" fill="url(#ant-web3-icon-trb-circle-colorful-linear-gradient)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/twokey-circle-colorful.svg b/packages/icons/src/svgs/twokey-circle-colorful.svg
index 1f5ebbc33..1304e540c 100644
--- a/packages/icons/src/svgs/twokey-circle-colorful.svg
+++ b/packages/icons/src/svgs/twokey-circle-colorful.svg
@@ -1,17 +1,17 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-2key-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 591.5 591.5" style="enable-background:new 0 0 591.5 591.5;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-2key-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 591.5 591.5" enable-background="new 0 0 591.5 591.5" xml:space="preserve">
 
 <g>
 	<g id="ant-web3-icon-2key-circle-colorful-Layer_1_1_">
 		
 			<linearGradient id="ant-web3-icon-2key-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="358.2191" y1="-585.9901" x2="230.5291" y2="1221.7098" gradientTransform="matrix(1 0 0 -1 0 594)">
-			<stop offset="0.3" style="stop-color:#17936F"/>
-			<stop offset="0.41" style="stop-color:#14A073"/>
-			<stop offset="0.63" style="stop-color:#0BC27E"/>
-			<stop offset="0.79" style="stop-color:#04E087"/>
+			<stop offset="0.3" stop-color="#17936F"/>
+			<stop offset="0.41" stop-color="#14A073"/>
+			<stop offset="0.63" stop-color="#0BC27E"/>
+			<stop offset="0.79" stop-color="#04E087"/>
 		</linearGradient>
-		<circle cx="295.8" cy="295.8" r="295.8" style="fill: url(#ant-web3-icon-2key-circle-colorful-SVGID_1_);"/>
+		<circle cx="295.8" cy="295.8" r="295.8" fill=" url(#ant-web3-icon-2key-circle-colorful-SVGID_1_)"/>
 		
 			<image style="overflow:visible;opacity:0.2;enable-background:new    ;" width="473" height="381" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdkAAAF9CAYAAABIyhL6AAAACXBIWXMAAAsSAAALEgHS3X78AAAg
 AElEQVR4Xuyd7XbjOKxsIaf7nPd/3HumY90fCdrlchVAyk7HSVhrcRGiKIofIHaopGe2fd9jaWlp
@@ -794,7 +794,7 @@ vPDCCy+88CT8f8qjbCFNJ6+pAAAAAElFTkSuQmCC" transform="matrix(1 0 0 1 76.32 95.98)
 			c-3-6.5-2.8-14.9,0.5-19.9c1.2-2.2,3.6-3.6,6.1-3.6c2.8,0,4.9,0.8,6.2,2.2c1.6,1.9,1.9,4.6,1.9,6.6
 			C427.9,321.9,423.6,329.1,417.8,334.1L417.8,334.1z M154.4,397.2c-2.7,0.5-5.5,0.8-8.3,0.8c-8,0-10.8-9-10-14.4
 			c0.5-4,2.3-7.8,5-10.8c3.7-3.7,9.1-2.9,13.7-2.3c6.7,1,13.4,2.6,19.8,4.8c3.1,1,14,4.7,15.3,5.3
-			C178.9,387.6,167.4,394.9,154.4,397.2z" style="fill: #FFFFFF;"/>
+			C178.9,387.6,167.4,394.9,154.4,397.2z" fill=" #FFFFFF"/>
 	</g>
 </g>
 </svg>
diff --git a/packages/icons/src/svgs/veil-colorful.svg b/packages/icons/src/svgs/veil-colorful.svg
index 579998c51..59ea524ff 100644
--- a/packages/icons/src/svgs/veil-colorful.svg
+++ b/packages/icons/src/svgs/veil-colorful.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-veil-colorful-svg2" xmlns:cc="http://creativecommons.org/ns#ant-web3-icon-veil-colorful-" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#ant-web3-icon-veil-colorful-" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 247.3 214.2" style="enable-background:new 0 0 247.3 214.2;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-veil-colorful-svg2" xmlns:cc="http://creativecommons.org/ns#ant-web3-icon-veil-colorful-" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#ant-web3-icon-veil-colorful-" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 247.3 214.2" enable-background="new 0 0 247.3 214.2" xml:space="preserve">
 
 <path id="ant-web3-icon-veil-colorful-path28" d="M153.5,132.4l0-0.7" style="fill: none; stroke: #ABABAB; stroke-width: 0.3333; stroke-miterlimit: 1.3333;"/>
 <g id="ant-web3-icon-veil-colorful-g30">
@@ -11,17 +11,17 @@
 				c46.9,16.5,78.1,73.4,84.9,117C129.4,133.4,164.9,86.2,208.8,66.7L208.8,66.7z"/>
 		</defs>
 		<clipPath id="ant-web3-icon-veil-colorful-SVGID_2_">
-			<use xlink:href="#ant-web3-icon-veil-colorful-SVGID_1_" style="overflow:visible;"/>
+			<use xlink:href="#ant-web3-icon-veil-colorful-SVGID_1_" overflow="visible"/>
 		</clipPath>
-		<g id="ant-web3-icon-veil-colorful-g32" style="clip-path: url(#ant-web3-icon-veil-colorful-SVGID_2_);">
+		<g id="ant-web3-icon-veil-colorful-g32" clip-path=" url(#ant-web3-icon-veil-colorful-SVGID_2_)">
 			
 				<linearGradient id="ant-web3-icon-veil-colorful-path44_1_" gradientUnits="userSpaceOnUse" x1="-880.6928" y1="711.856" x2="-879.6928" y2="711.856" gradientTransform="matrix(0 183.7613 -183.7613 0 130935.2578 161837.2813)">
-				<stop offset="0" style="stop-color:#0090FF"/>
-				<stop offset="1" style="stop-color:#0A3979"/>
+				<stop offset="0" stop-color="#0090FF"/>
+				<stop offset="1" stop-color="#0A3979"/>
 			</linearGradient>
 			<path id="ant-web3-icon-veil-colorful-path44" d="M208.8,66.7L208.8,66.7L247.3,0c-9.6,1.2-19,4.1-27.7,8.4c-7.4,14.5-7.6,29.1-16.5,42.1
 				c-31.3,46-83.9,60.3-130,30.1C46.6,63.3,30.7,18.5,27.7,8.4C19,4.1,9.6,1.2,0,0c12.8,22.2,25.7,44.5,38.5,66.7
-				c46.9,16.5,78.1,73.4,84.9,117C129.4,133.4,164.9,86.2,208.8,66.7" style="fill: url(#ant-web3-icon-veil-colorful-path44_1_);"/>
+				c46.9,16.5,78.1,73.4,84.9,117C129.4,133.4,164.9,86.2,208.8,66.7" fill=" url(#ant-web3-icon-veil-colorful-path44_1_)"/>
 		</g>
 	</g>
 </g>
@@ -31,16 +31,16 @@
 			<path id="ant-web3-icon-veil-colorful-SVGID_3_" d="M208.8,66.7c-64.1,17.4-102.1,83.3-85.1,147.5l0,0L208.8,66.7z"/>
 		</defs>
 		<clipPath id="ant-web3-icon-veil-colorful-SVGID_4_">
-			<use xlink:href="#ant-web3-icon-veil-colorful-SVGID_3_" style="overflow:visible;"/>
+			<use xlink:href="#ant-web3-icon-veil-colorful-SVGID_3_" overflow="visible"/>
 		</clipPath>
-		<g id="ant-web3-icon-veil-colorful-g48" style="clip-path: url(#ant-web3-icon-veil-colorful-SVGID_4_);">
+		<g id="ant-web3-icon-veil-colorful-g48" clip-path=" url(#ant-web3-icon-veil-colorful-SVGID_4_)">
 			
 				<linearGradient id="ant-web3-icon-veil-colorful-path62_1_" gradientUnits="userSpaceOnUse" x1="-874.149" y1="717.3034" x2="-873.149" y2="717.3034" gradientTransform="matrix(89.158 0 0 89.158 78057.0078 -63812.8789)">
-				<stop offset="0" style="stop-color:#0090FF"/>
-				<stop offset="0.96" style="stop-color:#084A93"/>
-				<stop offset="1" style="stop-color:#084A93"/>
+				<stop offset="0" stop-color="#0090FF"/>
+				<stop offset="0.96" stop-color="#084A93"/>
+				<stop offset="1" stop-color="#084A93"/>
 			</linearGradient>
-			<path id="ant-web3-icon-veil-colorful-path62" d="M208.8,66.7c-64.1,17.4-102.1,83.3-85.1,147.5l0,0L208.8,66.7" style="fill: url(#ant-web3-icon-veil-colorful-path62_1_);"/>
+			<path id="ant-web3-icon-veil-colorful-path62" d="M208.8,66.7c-64.1,17.4-102.1,83.3-85.1,147.5l0,0L208.8,66.7" fill=" url(#ant-web3-icon-veil-colorful-path62_1_)"/>
 		</g>
 	</g>
 </g>
@@ -50,16 +50,16 @@
 			<path id="ant-web3-icon-veil-colorful-SVGID_5_" d="M38.5,66.7l85.1,147.5C140.6,150,102.6,84.2,38.5,66.7z"/>
 		</defs>
 		<clipPath id="ant-web3-icon-veil-colorful-SVGID_6_">
-			<use xlink:href="#ant-web3-icon-veil-colorful-SVGID_5_" style="overflow:visible;"/>
+			<use xlink:href="#ant-web3-icon-veil-colorful-SVGID_5_" overflow="visible"/>
 		</clipPath>
-		<g id="ant-web3-icon-veil-colorful-g66" style="clip-path: url(#ant-web3-icon-veil-colorful-SVGID_6_);">
+		<g id="ant-web3-icon-veil-colorful-g66" clip-path=" url(#ant-web3-icon-veil-colorful-SVGID_6_)">
 			
 				<linearGradient id="ant-web3-icon-veil-colorful-path80_1_" gradientUnits="userSpaceOnUse" x1="-880.4731" y1="710.9677" x2="-879.4731" y2="710.9677" gradientTransform="matrix(0 147.456 -147.456 0 104919.5547 129897.7656)">
-				<stop offset="0" style="stop-color:#0090FF"/>
-				<stop offset="0.96" style="stop-color:#084A93"/>
-				<stop offset="1" style="stop-color:#084A93"/>
+				<stop offset="0" stop-color="#0090FF"/>
+				<stop offset="0.96" stop-color="#084A93"/>
+				<stop offset="1" stop-color="#084A93"/>
 			</linearGradient>
-			<path id="ant-web3-icon-veil-colorful-path80" d="M38.5,66.7l85.1,147.5C140.6,150,102.6,84.2,38.5,66.7" style="fill: url(#ant-web3-icon-veil-colorful-path80_1_);"/>
+			<path id="ant-web3-icon-veil-colorful-path80" d="M38.5,66.7l85.1,147.5C140.6,150,102.6,84.2,38.5,66.7" fill=" url(#ant-web3-icon-veil-colorful-path80_1_)"/>
 		</g>
 	</g>
 </g>
@@ -70,18 +70,18 @@
 				C64.5,37.1,48.6,18.8,27.7,8.5c4.5,53,51.1,92.3,104.1,87.8C162.1,93.7,189.4,77,205.5,51.1L205.5,51.1z"/>
 		</defs>
 		<clipPath id="ant-web3-icon-veil-colorful-SVGID_8_">
-			<use xlink:href="#ant-web3-icon-veil-colorful-SVGID_7_" style="overflow:visible;"/>
+			<use xlink:href="#ant-web3-icon-veil-colorful-SVGID_7_" overflow="visible"/>
 		</clipPath>
-		<g id="ant-web3-icon-veil-colorful-g84" style="clip-path: url(#ant-web3-icon-veil-colorful-SVGID_8_);">
+		<g id="ant-web3-icon-veil-colorful-g84" clip-path=" url(#ant-web3-icon-veil-colorful-SVGID_8_)">
 			
 				<linearGradient id="ant-web3-icon-veil-colorful-path98_1_" gradientUnits="userSpaceOnUse" x1="-883.4448" y1="722.9814" x2="-882.4448" y2="722.9814" gradientTransform="matrix(0 -88.1949 88.1949 0 -63639.6289 -77818.7109)">
-				<stop offset="0" style="stop-color:#13D5D2"/>
-				<stop offset="0.43" style="stop-color:#12E0E4"/>
-				<stop offset="1" style="stop-color:#76BDFF"/>
+				<stop offset="0" stop-color="#13D5D2"/>
+				<stop offset="0.43" stop-color="#12E0E4"/>
+				<stop offset="1" stop-color="#76BDFF"/>
 			</linearGradient>
 			<path id="ant-web3-icon-veil-colorful-path98" d="M205.5,51.1c8-12.9,12.9-27.5,14.2-42.7c-20.9,10.4-36.9,28.7-44.3,50.8
 				c-16.6,49.7-86.8,49.7-103.4,0C64.5,37.1,48.6,18.8,27.7,8.5c4.5,53,51.1,92.3,104.1,87.8C162.1,93.7,189.4,77,205.5,51.1
-				L205.5,51.1" style="fill: url(#ant-web3-icon-veil-colorful-path98_1_);"/>
+				L205.5,51.1" fill=" url(#ant-web3-icon-veil-colorful-path98_1_)"/>
 		</g>
 	</g>
 </g>
diff --git a/packages/icons/src/svgs/xaut-colorful.svg b/packages/icons/src/svgs/xaut-colorful.svg
index 92c8050b9..893064a8c 100644
--- a/packages/icons/src/svgs/xaut-colorful.svg
+++ b/packages/icons/src/svgs/xaut-colorful.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 611.9 532.43"><defs><linearGradient id="ant-web3-icon-xaut-colorful-linear-gradient" x1="4846.23" y1="-4671.46" x2="13324.84" y2="-4671.46" gradientTransform="matrix(0.07, 0, 0, -0.07, -348.93, -70.13)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d8b35d"/><stop offset="1" stop-color="#f5e7bf"/></linearGradient></defs><title>tether-gold</title><g id="ant-web3-icon-xaut-colorful-Layer_2"><g id="ant-web3-icon-xaut-colorful-Layer_1-2"><g id="ant-web3-icon-xaut-colorful-Layer_1-3"><path d="M112.11,2.71.49,237.12a4.36,4.36,0,0,0,.9,5.23L302.7,531.22a4.72,4.72,0,0,0,6.32,0L610.51,242.35a4.41,4.41,0,0,0,.9-5.23L499.79,2.71a4.12,4.12,0,0,0-4-2.71H116.07a4.49,4.49,0,0,0-4,2.71Z" style="fill-rule: evenodd; fill: url(#ant-web3-icon-xaut-colorful-linear-gradient);"/><path d="M344.72,261.1h0c-2.16.18-13.34.9-38.23.9-19.83,0-33.9-.54-38.95-.9h0c-76.63-3.42-133.79-16.77-133.79-32.64s57.16-29.39,133.79-32.81v52.11c5,.36,19.3,1.26,39.13,1.26,23.8,0,35.7-1.08,37.87-1.26V195.65c76.45,3.42,133.61,16.77,133.61,32.63s-57,29.4-133.43,32.82Zm0-70.68V143.71H451.47V72.49H160.8v71.22H267.54v46.71c-86.73,4-152,21.09-152,41.83s65.27,37.69,152,41.83V423.57h77.18V274.08c86.55-4,151.65-21.1,151.65-41.65s-65.1-38.05-151.65-42h0Z" style="fill-rule: evenodd; fill: #fff;"/></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 611.9 532.43"><defs><linearGradient id="ant-web3-icon-xaut-colorful-linear-gradient" x1="4846.23" y1="-4671.46" x2="13324.84" y2="-4671.46" gradientTransform="matrix(0.07, 0, 0, -0.07, -348.93, -70.13)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d8b35d"/><stop offset="1" stop-color="#f5e7bf"/></linearGradient></defs><title>tether-gold</title><g id="ant-web3-icon-xaut-colorful-Layer_2"><g id="ant-web3-icon-xaut-colorful-Layer_1-2"><g id="ant-web3-icon-xaut-colorful-Layer_1-3"><path d="M112.11,2.71.49,237.12a4.36,4.36,0,0,0,.9,5.23L302.7,531.22a4.72,4.72,0,0,0,6.32,0L610.51,242.35a4.41,4.41,0,0,0,.9-5.23L499.79,2.71a4.12,4.12,0,0,0-4-2.71H116.07a4.49,4.49,0,0,0-4,2.71Z" style="fill-rule: evenodd;" fill="url(#ant-web3-icon-xaut-colorful-linear-gradient)"/><path d="M344.72,261.1h0c-2.16.18-13.34.9-38.23.9-19.83,0-33.9-.54-38.95-.9h0c-76.63-3.42-133.79-16.77-133.79-32.64s57.16-29.39,133.79-32.81v52.11c5,.36,19.3,1.26,39.13,1.26,23.8,0,35.7-1.08,37.87-1.26V195.65c76.45,3.42,133.61,16.77,133.61,32.63s-57,29.4-133.43,32.82Zm0-70.68V143.71H451.47V72.49H160.8v71.22H267.54v46.71c-86.73,4-152,21.09-152,41.83s65.27,37.69,152,41.83V423.57h77.18V274.08c86.55-4,151.65-21.1,151.65-41.65s-65.1-38.05-151.65-42h0Z" style="fill-rule: evenodd; fill: #fff;"/></g></g></g></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/xec-circle-colorful.svg b/packages/icons/src/svgs/xec-circle-colorful.svg
index 6aad71c3d..d95e71f83 100644
--- a/packages/icons/src/svgs/xec-circle-colorful.svg
+++ b/packages/icons/src/svgs/xec-circle-colorful.svg
@@ -1 +1 @@
-<svg id="ant-web3-icon-xec-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256"><defs><linearGradient id="ant-web3-icon-xec-circle-colorful-New_Gradient_Swatch_2" x1="-91.22" y1="-135.07" x2="342.81" y2="385.77" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#273498"/><stop offset="0.53" stop-color="#0074c2"/><stop offset="1" stop-color="#00abe7"/></linearGradient></defs><path d="M145.1,99.82l-31.71,18.26a2.61,2.61,0,0,0-1.31,2.29v15.32a2.48,2.48,0,0,0,1.31,2.21l13.28,7.66a2.36,2.36,0,0,0,2.53,0L184,114c9.3-5.38,9.3-20.88,0-26.26L134.75,59.38a13.17,13.17,0,0,0-13.62,0L71.89,87.75A13.45,13.45,0,0,0,65,99.58c0,19,.08,37.91,0,56.82a13.45,13.45,0,0,0,6.85,11.83l49.24,28.45a13.54,13.54,0,0,0,13.62,0L184,168.23a13.31,13.31,0,0,0,6.77-11.83V131.7l-58.62,33.92a8.31,8.31,0,0,1-8.48,0L97.49,150.45a8.3,8.3,0,0,1-4.24-7.34V112.87a8.36,8.36,0,0,1,4.15-7.26c8.73-5.06,17.53-10.11,26.26-15.17a8.36,8.36,0,0,1,8.48,0l13,7.42A1.14,1.14,0,0,1,145.1,99.82Z" style="fill: #fff;"/><path d="M128,37.32A90.68,90.68,0,1,0,218.68,128,90.68,90.68,0,0,0,128,37.32Zm17.1,60.54-13-7.42a8.36,8.36,0,0,0-8.48,0c-8.73,5.06-17.53,10.11-26.26,15.17a8.36,8.36,0,0,0-4.15,7.26v30.24a8.3,8.3,0,0,0,4.24,7.34l26.17,15.17a8.31,8.31,0,0,0,8.48,0l58.62-33.92v24.7A13.31,13.31,0,0,1,184,168.23l-49.24,28.45a13.54,13.54,0,0,1-13.62,0L71.89,168.23A13.45,13.45,0,0,1,65,156.4c.08-18.91,0-37.83,0-56.82a13.45,13.45,0,0,1,6.85-11.83l49.24-28.37a13.17,13.17,0,0,1,13.62,0L184,87.75c9.3,5.38,9.3,20.88,0,26.26L129.2,145.56a2.36,2.36,0,0,1-2.53,0l-13.28-7.66a2.48,2.48,0,0,1-1.31-2.21V120.37a2.61,2.61,0,0,1,1.31-2.29L145.1,99.82A1.14,1.14,0,0,0,145.1,97.86Z" style="fill: #fff;"/><path d="M128,0A128,128,0,1,0,256,128,128,128,0,0,0,128,0Zm17.1,97.86-13-7.42a8.36,8.36,0,0,0-8.48,0c-8.73,5.06-17.53,10.11-26.26,15.17a8.36,8.36,0,0,0-4.15,7.26v30.24a8.3,8.3,0,0,0,4.24,7.34l26.17,15.17a8.31,8.31,0,0,0,8.48,0l58.62-33.92v24.7A13.31,13.31,0,0,1,184,168.23l-49.24,28.45a13.54,13.54,0,0,1-13.62,0L71.89,168.23A13.45,13.45,0,0,1,65,156.4c.08-18.91,0-37.83,0-56.82a13.45,13.45,0,0,1,6.85-11.83l49.24-28.37a13.17,13.17,0,0,1,13.62,0L184,87.75c9.3,5.38,9.3,20.88,0,26.26L129.2,145.56a2.36,2.36,0,0,1-2.53,0l-13.28-7.66a2.48,2.48,0,0,1-1.31-2.21V120.37a2.61,2.61,0,0,1,1.31-2.29L145.1,99.82A1.14,1.14,0,0,0,145.1,97.86Z" style="fill: url(#ant-web3-icon-xec-circle-colorful-New_Gradient_Swatch_2);"/></svg>
\ No newline at end of file
+<svg id="ant-web3-icon-xec-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256"><defs><linearGradient id="ant-web3-icon-xec-circle-colorful-New_Gradient_Swatch_2" x1="-91.22" y1="-135.07" x2="342.81" y2="385.77" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#273498"/><stop offset="0.53" stop-color="#0074c2"/><stop offset="1" stop-color="#00abe7"/></linearGradient></defs><path d="M145.1,99.82l-31.71,18.26a2.61,2.61,0,0,0-1.31,2.29v15.32a2.48,2.48,0,0,0,1.31,2.21l13.28,7.66a2.36,2.36,0,0,0,2.53,0L184,114c9.3-5.38,9.3-20.88,0-26.26L134.75,59.38a13.17,13.17,0,0,0-13.62,0L71.89,87.75A13.45,13.45,0,0,0,65,99.58c0,19,.08,37.91,0,56.82a13.45,13.45,0,0,0,6.85,11.83l49.24,28.45a13.54,13.54,0,0,0,13.62,0L184,168.23a13.31,13.31,0,0,0,6.77-11.83V131.7l-58.62,33.92a8.31,8.31,0,0,1-8.48,0L97.49,150.45a8.3,8.3,0,0,1-4.24-7.34V112.87a8.36,8.36,0,0,1,4.15-7.26c8.73-5.06,17.53-10.11,26.26-15.17a8.36,8.36,0,0,1,8.48,0l13,7.42A1.14,1.14,0,0,1,145.1,99.82Z" fill=" #fff"/><path d="M128,37.32A90.68,90.68,0,1,0,218.68,128,90.68,90.68,0,0,0,128,37.32Zm17.1,60.54-13-7.42a8.36,8.36,0,0,0-8.48,0c-8.73,5.06-17.53,10.11-26.26,15.17a8.36,8.36,0,0,0-4.15,7.26v30.24a8.3,8.3,0,0,0,4.24,7.34l26.17,15.17a8.31,8.31,0,0,0,8.48,0l58.62-33.92v24.7A13.31,13.31,0,0,1,184,168.23l-49.24,28.45a13.54,13.54,0,0,1-13.62,0L71.89,168.23A13.45,13.45,0,0,1,65,156.4c.08-18.91,0-37.83,0-56.82a13.45,13.45,0,0,1,6.85-11.83l49.24-28.37a13.17,13.17,0,0,1,13.62,0L184,87.75c9.3,5.38,9.3,20.88,0,26.26L129.2,145.56a2.36,2.36,0,0,1-2.53,0l-13.28-7.66a2.48,2.48,0,0,1-1.31-2.21V120.37a2.61,2.61,0,0,1,1.31-2.29L145.1,99.82A1.14,1.14,0,0,0,145.1,97.86Z" fill=" #fff"/><path d="M128,0A128,128,0,1,0,256,128,128,128,0,0,0,128,0Zm17.1,97.86-13-7.42a8.36,8.36,0,0,0-8.48,0c-8.73,5.06-17.53,10.11-26.26,15.17a8.36,8.36,0,0,0-4.15,7.26v30.24a8.3,8.3,0,0,0,4.24,7.34l26.17,15.17a8.31,8.31,0,0,0,8.48,0l58.62-33.92v24.7A13.31,13.31,0,0,1,184,168.23l-49.24,28.45a13.54,13.54,0,0,1-13.62,0L71.89,168.23A13.45,13.45,0,0,1,65,156.4c.08-18.91,0-37.83,0-56.82a13.45,13.45,0,0,1,6.85-11.83l49.24-28.37a13.17,13.17,0,0,1,13.62,0L184,87.75c9.3,5.38,9.3,20.88,0,26.26L129.2,145.56a2.36,2.36,0,0,1-2.53,0l-13.28-7.66a2.48,2.48,0,0,1-1.31-2.21V120.37a2.61,2.61,0,0,1,1.31-2.29L145.1,99.82A1.14,1.14,0,0,0,145.1,97.86Z" fill=" url(#ant-web3-icon-xec-circle-colorful-New_Gradient_Swatch_2)"/></svg>
\ No newline at end of file
diff --git a/packages/icons/src/svgs/xpr-colorful.svg b/packages/icons/src/svgs/xpr-colorful.svg
index 1082cd172..463652710 100644
--- a/packages/icons/src/svgs/xpr-colorful.svg
+++ b/packages/icons/src/svgs/xpr-colorful.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-xpr-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 269.2 302" style="enable-background:new 0 0 269.2 302;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-xpr-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 269.2 302" enable-background="new 0 0 269.2 302" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-xpr-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="24.1324" y1="146.1552" x2="261.0302" y2="156.5427">
-	<stop offset="0" style="stop-color:#6B57A5"/>
-	<stop offset="1" style="stop-color:#59499E"/>
+	<stop offset="0" stop-color="#6B57A5"/>
+	<stop offset="1" stop-color="#59499E"/>
 </linearGradient>
 <path d="M76.5,103.7c-0.5,4.2-1,8.6-1.3,13l0,0c-7.6,5.3-14.7,10.7-21.3,16.1l0,0c-3.4,2.8-6.7,5.6-9.8,8.5l0,0
 	C19.7,116.4,9.3,94,16,82.5l0,0c5.9-10.2,25.7-13.1,53.5-7.6l0,0c1.1-4.8,2.2-9.4,3.5-13.8l0,0c-33.7-6.8-59.4-2.3-69.1,14.4l0,0
@@ -40,5 +40,5 @@
 	C93.7,216.9,93,213.1,92.3,209.2L92.3,209.2z M163.6,216.6c-4.2-1.6-8.4-3.2-12.7-5l0,0c0.6-0.3,1.2-0.6,1.8-0.9l0,0
 	c4.1-2.2,8.2-4.5,12.4-6.8l0,0c1.2-0.7,2.4-1.4,3.5-2.1l0,0c3.5-2.1,6.9-4.2,10.3-6.3l0,0c-0.6,4.5-1.2,9-1.9,13.2l0,0
 	c-0.7,4.1-1.5,8-2.3,11.9l0,0C171.1,219.3,167.4,218,163.6,216.6L163.6,216.6z M116.6,151L116.6,151c0-9.9,8.1-18,18-18l0,0
-	c9.9,0,18,8.1,18,18l0,0c0,9.9-8.1,18-18,18l0,0C124.7,169,116.6,160.9,116.6,151z" style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-xpr-colorful-SVGID_1_);"/>
+	c9.9,0,18,8.1,18,18l0,0c0,9.9-8.1,18-18,18l0,0C124.7,169,116.6,160.9,116.6,151z" style="fill-rule: evenodd; clip-rule: evenodd;" fill="url(#ant-web3-icon-xpr-colorful-SVGID_1_)"/>
 </svg>
diff --git a/packages/icons/src/svgs/yfi-circle-colorful.svg b/packages/icons/src/svgs/yfi-circle-colorful.svg
index 45b624761..40d9387a3 100644
--- a/packages/icons/src/svgs/yfi-circle-colorful.svg
+++ b/packages/icons/src/svgs/yfi-circle-colorful.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="ant-web3-icon-yfi-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<svg version="1.1" id="ant-web3-icon-yfi-circle-colorful-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
 
 <linearGradient id="ant-web3-icon-yfi-circle-colorful-SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="99.8898" x2="100" y2="-0.1102" gradientTransform="matrix(1 0 0 -1 0 99.8898)">
-	<stop offset="0" style="stop-color:#0077FC"/>
-	<stop offset="1" style="stop-color:#095EB5"/>
+	<stop offset="0" stop-color="#0077FC"/>
+	<stop offset="1" stop-color="#095EB5"/>
 </linearGradient>
 <path d="M100,50c0-6.5-1.3-13.1-3.8-19.1S90,19.3,85.4,14.6C80.7,10,75.2,6.3,69.1,3.8S56.5,0,50,0S36.9,1.3,30.9,3.8
 	S19.3,10,14.6,14.6C10,19.3,6.3,24.8,3.8,30.9S0,43.5,0,50s1.3,13.1,3.8,19.1S10,80.7,14.6,85.4c4.6,4.6,10.2,8.3,16.2,10.8
-	S43.5,100,50,100s13.1-1.3,19.1-3.8S80.7,90,85.4,85.4c4.6-4.6,8.3-10.2,10.8-16.2S100,56.5,100,50z" style="fill-rule: evenodd; clip-rule: evenodd; fill: url(#ant-web3-icon-yfi-circle-colorful-SVGID_1_);"/>
-<path d="M47.4,27.4h5.2v45.2h-5.2V27.4z" style="fill-rule: evenodd; clip-rule: evenodd; fill: #FFFFFF;"/>
+	S43.5,100,50,100s13.1-1.3,19.1-3.8S80.7,90,85.4,85.4c4.6-4.6,8.3-10.2,10.8-16.2S100,56.5,100,50z"  fill-rule="evenodd" clip-rule="evenodd" fill="url(#ant-web3-icon-yfi-circle-colorful-SVGID_1_)"/>
+<path d="M47.4,27.4h5.2v45.2h-5.2V27.4z" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF"/>
 <path d="M44.5,48.7v-5.4c-4.1-2-7-6.3-7-11.2c0-6.9,5.6-12.5,12.5-12.5c7.8,0,13.4,5.6,13.4,12.5c0,1.7-0.4,3.4-1.2,5.4
 	l-2.2-7.2l-4.4,1.4l3.9,14.9l15.2-5.6l-1.9-4.4l-5.7,1.9c1-2.2,1.2-3.9,1.2-6.5c0-9.7-7.8-17.5-18.4-17.5c-9.7,0-17.5,7.8-17.5,17.5
-	C32.5,39.8,37.5,46.4,44.5,48.7z" style="fill-rule: evenodd; clip-rule: evenodd; fill: #FFFFFF;"/>
+	C32.5,39.8,37.5,46.4,44.5,48.7z" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF"/>
 <path d="M55.5,51.3v5.4c4.1,2,7,6.3,7,11.2c0,6.9-5.6,12.5-12.5,12.5c-7.8,0-13.4-5.6-13.4-12.5c0-1.7,0.4-3.4,1.2-5.4
 	l2.2,7.2l4.4-1.4l-3.9-14.9l-15.2,5.6l1.9,4.4l5.7-1.9c-1,2.2-1.2,3.9-1.2,6.5c0,9.7,7.8,17.5,18.4,17.5c9.7,0,17.5-7.8,17.5-17.5
-	C67.5,60.2,62.5,53.6,55.5,51.3z" style="fill-rule: evenodd; clip-rule: evenodd; fill: #FFFFFF;"/>
+	C67.5,60.2,62.5,53.6,55.5,51.3z" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF"/>
 </svg>
diff --git a/packages/web3/src/nft-image/__tests__/__snapshots__/index.test.tsx.snap b/packages/web3/src/nft-image/__tests__/__snapshots__/index.test.tsx.snap
index 63e3dcb28..7d4cadcef 100644
--- a/packages/web3/src/nft-image/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/web3/src/nft-image/__tests__/__snapshots__/index.test.tsx.snap
@@ -1,6 +1,50 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`NFTImage > use custom getNFTMetadata 1`] = `
+<body>
+  <div>
+    <div
+      class="ant-image css-dev-only-do-not-override-1qhpsh8"
+    >
+      <img
+        alt="Test_0x21CDf0974d53a6e96eF05d7B324a9803735fFd3B_123"
+        class="ant-image-img css-dev-only-do-not-override-1qhpsh8"
+        src="https://example.com/nft.png"
+      />
+      <div
+        class="ant-image-mask"
+      >
+        <div
+          class="ant-image-mask-info"
+        >
+          <span
+            aria-label="eye"
+            class="anticon anticon-eye"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="eye"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"
+              />
+            </svg>
+          </span>
+          Preview
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`NFTImage > use custom getNFTMetadata 2`] = `
 <body>
   <div>
     <div