diff --git a/babel.config.js b/babel.config.js
index 397abca88c5a451f06a407b93469db551efaa6de..916db641e17c08bc2159e9458f5a93813f6a40e2 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ["@vue/cli-plugin-babel/preset"]
+  presets: ['@vue/cli-plugin-babel/preset']
 };
diff --git a/commitlint.config.js b/commitlint.config.js
index 1c7eddd6e7fbae89ff325db36bd7fcdc9df53c6c..249ee8819b5d3fad4709a78e4df2f456754efdb0 100644
--- a/commitlint.config.js
+++ b/commitlint.config.js
@@ -12,4 +12,4 @@ module.exports = {
     'type-empty': [2, 'never'],
     'type-enum': [2, 'always', ['upd', 'chore', 'docs', 'feat', 'fix', 'test', 'refactor', 'revert', 'style']]
   }
-}
+};
diff --git a/src/nutui.ts b/src/nutui.ts
index ff8b4c56321a3362fc00224b01800f62466f9a1f..365807f42dd22a33a8ee2d8ce773349388a35025 100644
--- a/src/nutui.ts
+++ b/src/nutui.ts
@@ -1 +1,10 @@
-export default {};
+import { App } from 'vue';
+export default {
+  install(app: App<Element>): void {
+    const files = require.context('@/packages', true, /index\.vue$/);
+    files.keys().forEach(component => {
+      const componentEntity = files(component).default;
+      app.component(componentEntity.name, componentEntity);
+    });
+  }
+};
diff --git a/src/packages/button/demo.vue b/src/packages/button/demo.vue
index 18a55fa16a30cbe9bbc6e80a336881b67c288465..bebbae3de5fd1d066c7bb0d4023dbf4e21a925c1 100644
--- a/src/packages/button/demo.vue
+++ b/src/packages/button/demo.vue
@@ -45,14 +45,12 @@
 </template>
 
 <script lang="ts">
-import Button from '@/packages/button/index.vue';
 import { createComponent } from '@/utils/create';
 const { createDemo } = createComponent('button');
 export default createDemo({
   props: {
     text: String
   },
-  components: { [Button.name]: Button },
   emits: ['click']
 });
 </script>
diff --git a/src/packages/cell/demo.vue b/src/packages/cell/demo.vue
index 241f32402816a34379df1eb8e4dd4164a429e4ba..4f9b9146467dbbf610473bbaf3a6ed5ddd6d5ddd 100644
--- a/src/packages/cell/demo.vue
+++ b/src/packages/cell/demo.vue
@@ -11,12 +11,10 @@
 </template>
 
 <script lang="ts">
-import Cell from '@/packages/cell/index.vue';
 import { createComponent } from '@/utils/create';
 const { createDemo } = createComponent('cell');
 export default createDemo({
   props: {},
-  components: { [Cell.name]: Cell },
   emits: ['click']
 });
 </script>
diff --git a/src/packages/icon/demo.vue b/src/packages/icon/demo.vue
index 2271a51c72d62ebef167ae8278fe67637bdead68..50cea4a0188fae56bd0d465aa30370107be38f0f 100644
--- a/src/packages/icon/demo.vue
+++ b/src/packages/icon/demo.vue
@@ -1,18 +1,71 @@
 <template>
   <div class="demo">
-    icon
+    <h2>基础用法</h2>
+    <nut-cell>
+      <nut-icon name="wifi"></nut-icon>
+      <nut-icon name="mail"></nut-icon>
+    </nut-cell>
+    <h2>图标颜色</h2>
+    <nut-cell>
+      <nut-icon name="mail" color="#fa2c19"></nut-icon>
+      <nut-icon name="mail" color="#64b578"></nut-icon>
+    </nut-cell>
+
+    <h2>图标大小</h2>
+    <nut-cell>
+      <nut-icon name="mail"></nut-icon>
+      <nut-icon name="mail" size="24px"></nut-icon>
+      <nut-icon name="mail" size="16px"></nut-icon>
+    </nut-cell>
+
+    <h2>基础图标</h2>
+    <nut-cell>
+      <ul>
+        <li v-for="item in icons.glyphs" :key="item.font_class">
+          <nut-icon :name="item.font_class"></nut-icon>
+          <span>{{ item.name }}</span>
+        </li>
+      </ul>
+    </nut-cell>
   </div>
 </template>
 
 <script lang="ts">
-import Icon from '@/packages/icon/index.vue';
+import icons from '@/styles/font/iconfont.json';
 import { createComponent } from '@/utils/create';
 const { createDemo } = createComponent('icon');
 export default createDemo({
   props: {},
-  components: { [Icon.name]: Icon },
-  emits: ['click']
+  setup() {
+    return { icons };
+  }
 });
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.nut-cell {
+  > .nutui-iconfont {
+    margin-right: 10px;
+  }
+}
+ul {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  li {
+    flex: 0 0 25%;
+    max-width: 25%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    span {
+      height: 40px;
+    }
+    .nutui-iconfont {
+      margin: 16px 0 16px;
+    }
+  }
+}
+</style>
diff --git a/src/packages/icon/doc.md b/src/packages/icon/doc.md
index 1a75a6dd13dd92aa69efd0f01e3c1763c89568c5..7261cf3dce7f50ad2c3b22f51ed2a1d81b77188d 100644
--- a/src/packages/icon/doc.md
+++ b/src/packages/icon/doc.md
@@ -2,7 +2,7 @@
 
 ### 介绍
 
-图标组件
+基于 IconFont 字体的图标集，可以通过 Icon 组件使用。
 
 ### 安装
 
@@ -14,3 +14,77 @@ const app = createApp();
 app.use(Icon);
 
 ```
+
+## 代码演示
+
+### 基础用法
+
+`Icon` 的 `name` 属性支持传入图标名称或图片链接。
+
+```html
+<nut-icon name="wifi"></nut-icon>
+<nut-icon name="mail"></nut-icon>
+```
+
+### 图标颜色
+
+`Icon` 的 `color` 属性用来设置图标的颜色。
+
+```html
+<nut-icon name="mail" color="#fa2c19"></nut-icon>
+<nut-icon name="mail" color="#64b578"></nut-icon>
+```
+
+### 图标大小
+
+`Icon` 的 `size` 属性用来设置图标的尺寸大小，默认单位为 `px`。
+
+```html
+<nut-icon name="mail"></nut-icon>
+<nut-icon name="mail" size="24px"></nut-icon>
+<nut-icon name="mail" size="16px"></nut-icon>
+```
+
+### 自定义图标
+
+如果需要在现有 Icon 的基础上使用更多图标，可以引入第三方 iconfont 对应的字体文件和 CSS 文件，之后就可以在 Icon 组件中直接使用。
+
+```css
+/* 引入第三方或自定义的字体图标样式 */
+@font-face {
+  font-family: 'my-icon';
+  src: url('./my-icon.ttf') format('truetype');
+}
+
+.my-icon {
+  font-family: 'my-icon';
+}
+
+.my-icon-extra::before {
+  content: '\e626';
+}
+```
+
+```html
+<!-- 通过 class-prefix 指定类名为 my-icon -->
+<nut-icon class-prefix="my-icon" name="extra" />
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| name | 图标名称或图片链接 | _string_ | - |
+| color | 图标颜色 | _string_ | - |
+| size | 图标大小，如 `20px` `2em`，默认单位为`px` | _number \| string_ | - |
+| class-prefix | 类名前缀，用于使用自定义图标 | _string_ | `nutui-icon` |
+| tag | HTML 标签 | _string_ | `i` |
+
+### Events
+
+| 事件名 | 说明           | 回调参数       |
+| ------ | -------------- | -------------- |
+| click  | 点击图标时触发 | _event: Event_ |
+
diff --git a/src/packages/icon/index.scss b/src/packages/icon/index.scss
index 64a6118ecba088c9b93238cdead2a11ab3b95cfd..f872f2b4cfbada071c79a8547775ccf4eeb700d4 100644
--- a/src/packages/icon/index.scss
+++ b/src/packages/icon/index.scss
@@ -1,3 +1,4 @@
+@import '../../styles/font/iconfont.css';
 .nut-icon {
   width: 20px;
   height: 20px;
diff --git a/src/packages/icon/index.vue b/src/packages/icon/index.vue
index dbfd3b107720a7a6818f293932c0bb65744671de..ac901c2d6089ee1ddcd281944ec3b283d7722b73 100644
--- a/src/packages/icon/index.vue
+++ b/src/packages/icon/index.vue
@@ -1,38 +1,41 @@
-<template>
-  <view :class="classes" @click="handleClick">
-    >
-  </view>
-</template>
-
 <script lang="ts">
-import { toRefs, computed } from 'vue';
+import { toRefs, h, PropType } from 'vue';
 import { createComponent } from '@/utils/create';
 const { componentName, create } = createComponent('icon');
 
 export default create({
   props: {
-    name: { type: String, default: '' }
+    name: {
+      type: String,
+      default: 'right'
+    },
+    size: [Number, String],
+    color: String,
+    tag: {
+      type: String as PropType<keyof HTMLElementTagNameMap>,
+      default: 'i'
+    }
   },
   components: {},
   emits: ['click'],
-  setup(props, { emit }) {
-    const { name } = toRefs(props);
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
+
+  setup(props, { emit, slots }) {
+    const { name, tag, color, size } = toRefs(props);
 
     const handleClick = (event: Event) => {
       emit('click', event);
     };
 
-    return {
-      handleClick,
-      name,
-      classes
-    };
+    return () =>
+      h(
+        tag.value,
+        {
+          class: `nutui-iconfont ${componentName}-${name.value}`,
+          style: { color: color?.value, fontSize: size?.value },
+          onClick: handleClick
+        },
+        slots.default?.()
+      );
   }
 });
 </script>
diff --git a/src/packages/price/demo.vue b/src/packages/price/demo.vue
index 3c9db67b30f445825e1f23f9cdfe383652c74c0f..245636d4939e91b1b62121cc2cdb851267b77922 100644
--- a/src/packages/price/demo.vue
+++ b/src/packages/price/demo.vue
@@ -16,17 +16,11 @@
 </template>
 
 <script lang="ts">
-import Price from '@/packages/price/index.vue';
-import Cell from '@/packages/cell/index.vue';
 import { createComponent } from '@/utils/create';
 const { createDemo } = createComponent('price');
 export default createDemo({
   props: {
     text: String
-  },
-  components: {
-    [Price.name]: Price,
-    [Cell.name]: Cell
   }
 });
 </script>
diff --git a/src/sites/mobile/App.vue b/src/sites/mobile/App.vue
index 4d1132c3aa9f865b9caede67518fe224db4200a0..113c02fee2ece79d1006d47cf9fa189e4fedd13a 100644
--- a/src/sites/mobile/App.vue
+++ b/src/sites/mobile/App.vue
@@ -5,7 +5,6 @@
 <script lang="ts">
 import { defineComponent, ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
-
 import { isMobile } from '@/sites/assets/util';
 export default defineComponent({
   name: 'app',
@@ -18,7 +17,8 @@ export default defineComponent({
     watch(
       () => route,
       () => {
-        const { origin, hash, pathname } = window.top.location;
+        // const { origin, hash, pathname } = window.top.location;
+        const { hash } = window.top.location;
         if (!isMobile && route.hash != hash) {
           // window.top.location.replace(`${origin}${pathname}#/${route.hash}`);
           title.value = route.name as string;
@@ -52,6 +52,7 @@ export default defineComponent({
 
   #nav {
     position: fixed;
+    z-index: 10;
     left: 0;
     right: 0;
     height: 57px;
diff --git a/src/sites/mobile/main.ts b/src/sites/mobile/main.ts
index b484b187aad652939d1c1f5d2b4aa0f20ffcc85f..6f1b68902451b54e261e59145d7eb607c339b499 100644
--- a/src/sites/mobile/main.ts
+++ b/src/sites/mobile/main.ts
@@ -1,8 +1,9 @@
 import { createApp } from 'vue';
 import App from './App.vue';
 import router from './router';
+import NutUI from '@/nutui';
 import '@/sites/assets/styles/reset.scss';
-
 createApp(App)
   .use(router)
+  .use(NutUI)
   .mount('#app');
diff --git a/src/styles/font/demo_index.html b/src/styles/font/demo_index.html
index 58268e7d6ebe2bebbb4a1a32064a0c89def8de2e..ce10a0d82ece2e96eed8201b35887ef20acfa344 100644
--- a/src/styles/font/demo_index.html
+++ b/src/styles/font/demo_index.html
@@ -31,121 +31,121 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7de;</span>
+              <span class="icon nutui-iconfont">&#xe7de;</span>
                 <div class="name">mail</div>
                 <div class="code-name">&amp;#xe7de;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7df;</span>
+              <span class="icon nutui-iconfont">&#xe7df;</span>
                 <div class="name">id card</div>
                 <div class="code-name">&amp;#xe7df;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7e0;</span>
+              <span class="icon nutui-iconfont">&#xe7e0;</span>
                 <div class="name">heat map</div>
                 <div class="code-name">&amp;#xe7e0;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7e1;</span>
+              <span class="icon nutui-iconfont">&#xe7e1;</span>
                 <div class="name">wifi</div>
                 <div class="code-name">&amp;#xe7e1;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7e2;</span>
+              <span class="icon nutui-iconfont">&#xe7e2;</span>
                 <div class="name">edit</div>
                 <div class="code-name">&amp;#xe7e2;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7e3;</span>
+              <span class="icon nutui-iconfont">&#xe7e3;</span>
                 <div class="name">key</div>
                 <div class="code-name">&amp;#xe7e3;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7e4;</span>
+              <span class="icon nutui-iconfont">&#xe7e4;</span>
                 <div class="name">link</div>
                 <div class="code-name">&amp;#xe7e4;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7e5;</span>
+              <span class="icon nutui-iconfont">&#xe7e5;</span>
                 <div class="name">man</div>
                 <div class="code-name">&amp;#xe7e5;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7e6;</span>
+              <span class="icon nutui-iconfont">&#xe7e6;</span>
                 <div class="name">percentage</div>
                 <div class="code-name">&amp;#xe7e6;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7e7;</span>
+              <span class="icon nutui-iconfont">&#xe7e7;</span>
                 <div class="name">pushpin</div>
                 <div class="code-name">&amp;#xe7e7;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7e8;</span>
+              <span class="icon nutui-iconfont">&#xe7e8;</span>
                 <div class="name">fork</div>
                 <div class="code-name">&amp;#xe7e8;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7e9;</span>
+              <span class="icon nutui-iconfont">&#xe7e9;</span>
                 <div class="name">shrink</div>
                 <div class="code-name">&amp;#xe7e9;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7ea;</span>
+              <span class="icon nutui-iconfont">&#xe7ea;</span>
                 <div class="name">arrawsalt</div>
                 <div class="code-name">&amp;#xe7ea;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7eb;</span>
+              <span class="icon nutui-iconfont">&#xe7eb;</span>
                 <div class="name">vertical right</div>
                 <div class="code-name">&amp;#xe7eb;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7ec;</span>
+              <span class="icon nutui-iconfont">&#xe7ec;</span>
                 <div class="name">right</div>
                 <div class="code-name">&amp;#xe7ec;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7ed;</span>
+              <span class="icon nutui-iconfont">&#xe7ed;</span>
                 <div class="name">left</div>
                 <div class="code-name">&amp;#xe7ed;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7ee;</span>
+              <span class="icon nutui-iconfont">&#xe7ee;</span>
                 <div class="name">up</div>
                 <div class="code-name">&amp;#xe7ee;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7ef;</span>
+              <span class="icon nutui-iconfont">&#xe7ef;</span>
                 <div class="name">down</div>
                 <div class="code-name">&amp;#xe7ef;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7f0;</span>
+              <span class="icon nutui-iconfont">&#xe7f0;</span>
                 <div class="name">fullscreen</div>
                 <div class="code-name">&amp;#xe7f0;</div>
               </li>
           
             <li class="dib">
-              <span class="icon iconfont">&#xe7f1;</span>
+              <span class="icon nutui-iconfont">&#xe7f1;</span>
                 <div class="name">fullscreen-exit</div>
                 <div class="code-name">&amp;#xe7f1;</div>
               </li>
@@ -168,19 +168,19 @@
           <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
 <pre><code class="language-css"
 >@font-face {
-  font-family: 'iconfont';
+  font-family: 'nutui-iconfont';
   src: url('iconfont.eot');
   src: url('iconfont.eot?#iefix') format('embedded-opentype'),
       url('iconfont.woff2') format('woff2'),
       url('iconfont.woff') format('woff'),
       url('iconfont.ttf') format('truetype'),
-      url('iconfont.svg#iconfont') format('svg');
+      url('iconfont.svg#nutui-iconfont') format('svg');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
 <pre><code class="language-css"
->.iconfont {
-  font-family: "iconfont" !important;
+>.nutui-iconfont {
+  font-family: "nutui-iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
@@ -190,10 +190,10 @@
           <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
 <pre>
 <code class="language-html"
->&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+>&lt;span class="nutui-iconfont"&gt;&amp;#x33;&lt;/span&gt;
 </code></pre>
           <blockquote>
-            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+            <p>"nutui-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
           </blockquote>
           </div>
       </div>
@@ -201,182 +201,182 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
-            <span class="icon iconfont icon-mail"></span>
+            <span class="icon nutui-iconfont nut-icon-mail"></span>
             <div class="name">
               mail
             </div>
-            <div class="code-name">.icon-mail
+            <div class="code-name">.nut-icon-mail
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-idcard"></span>
+            <span class="icon nutui-iconfont nut-icon-idcard"></span>
             <div class="name">
               id card
             </div>
-            <div class="code-name">.icon-idcard
+            <div class="code-name">.nut-icon-idcard
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-heatmap"></span>
+            <span class="icon nutui-iconfont nut-icon-heatmap"></span>
             <div class="name">
               heat map
             </div>
-            <div class="code-name">.icon-heatmap
+            <div class="code-name">.nut-icon-heatmap
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-wifi"></span>
+            <span class="icon nutui-iconfont nut-icon-wifi"></span>
             <div class="name">
               wifi
             </div>
-            <div class="code-name">.icon-wifi
+            <div class="code-name">.nut-icon-wifi
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-edit"></span>
+            <span class="icon nutui-iconfont nut-icon-edit"></span>
             <div class="name">
               edit
             </div>
-            <div class="code-name">.icon-edit
+            <div class="code-name">.nut-icon-edit
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-key"></span>
+            <span class="icon nutui-iconfont nut-icon-key"></span>
             <div class="name">
               key
             </div>
-            <div class="code-name">.icon-key
+            <div class="code-name">.nut-icon-key
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-link"></span>
+            <span class="icon nutui-iconfont nut-icon-link"></span>
             <div class="name">
               link
             </div>
-            <div class="code-name">.icon-link
+            <div class="code-name">.nut-icon-link
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-man"></span>
+            <span class="icon nutui-iconfont nut-icon-man"></span>
             <div class="name">
               man
             </div>
-            <div class="code-name">.icon-man
+            <div class="code-name">.nut-icon-man
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-percentage"></span>
+            <span class="icon nutui-iconfont nut-icon-percentage"></span>
             <div class="name">
               percentage
             </div>
-            <div class="code-name">.icon-percentage
+            <div class="code-name">.nut-icon-percentage
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-pushpin"></span>
+            <span class="icon nutui-iconfont nut-icon-pushpin"></span>
             <div class="name">
               pushpin
             </div>
-            <div class="code-name">.icon-pushpin
+            <div class="code-name">.nut-icon-pushpin
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-fork"></span>
+            <span class="icon nutui-iconfont nut-icon-fork"></span>
             <div class="name">
               fork
             </div>
-            <div class="code-name">.icon-fork
+            <div class="code-name">.nut-icon-fork
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-shrink"></span>
+            <span class="icon nutui-iconfont nut-icon-shrink"></span>
             <div class="name">
               shrink
             </div>
-            <div class="code-name">.icon-shrink
+            <div class="code-name">.nut-icon-shrink
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-arrawsalt"></span>
+            <span class="icon nutui-iconfont nut-icon-arrawsalt"></span>
             <div class="name">
               arrawsalt
             </div>
-            <div class="code-name">.icon-arrawsalt
+            <div class="code-name">.nut-icon-arrawsalt
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-verticalright"></span>
+            <span class="icon nutui-iconfont nut-icon-verticalright"></span>
             <div class="name">
               vertical right
             </div>
-            <div class="code-name">.icon-verticalright
+            <div class="code-name">.nut-icon-verticalright
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-right"></span>
+            <span class="icon nutui-iconfont nut-icon-right"></span>
             <div class="name">
               right
             </div>
-            <div class="code-name">.icon-right
+            <div class="code-name">.nut-icon-right
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-left"></span>
+            <span class="icon nutui-iconfont nut-icon-left"></span>
             <div class="name">
               left
             </div>
-            <div class="code-name">.icon-left
+            <div class="code-name">.nut-icon-left
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-up"></span>
+            <span class="icon nutui-iconfont nut-icon-up"></span>
             <div class="name">
               up
             </div>
-            <div class="code-name">.icon-up
+            <div class="code-name">.nut-icon-up
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-down"></span>
+            <span class="icon nutui-iconfont nut-icon-down"></span>
             <div class="name">
               down
             </div>
-            <div class="code-name">.icon-down
+            <div class="code-name">.nut-icon-down
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-fullscreen"></span>
+            <span class="icon nutui-iconfont nut-icon-fullscreen"></span>
             <div class="name">
               fullscreen
             </div>
-            <div class="code-name">.icon-fullscreen
+            <div class="code-name">.nut-icon-fullscreen
             </div>
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-fullscreen-exit"></span>
+            <span class="icon nutui-iconfont nut-icon-fullscreen-exit"></span>
             <div class="name">
               fullscreen-exit
             </div>
-            <div class="code-name">.icon-fullscreen-exit
+            <div class="code-name">.nut-icon-fullscreen-exit
             </div>
           </li>
           
@@ -398,11 +398,11 @@
 <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
 </code></pre>
         <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
-<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+<pre><code class="language-html">&lt;span class="nutui-iconfont nut-icon-xxx"&gt;&lt;/span&gt;
 </code></pre>
         <blockquote>
           <p>"
-            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+            nutui-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
         </blockquote>
       </div>
       </div>
@@ -411,162 +411,162 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-mail"></use>
+                  <use xlink:href="#nut-icon-mail"></use>
                 </svg>
                 <div class="name">mail</div>
-                <div class="code-name">#icon-mail</div>
+                <div class="code-name">#nut-icon-mail</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-idcard"></use>
+                  <use xlink:href="#nut-icon-idcard"></use>
                 </svg>
                 <div class="name">id card</div>
-                <div class="code-name">#icon-idcard</div>
+                <div class="code-name">#nut-icon-idcard</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-heatmap"></use>
+                  <use xlink:href="#nut-icon-heatmap"></use>
                 </svg>
                 <div class="name">heat map</div>
-                <div class="code-name">#icon-heatmap</div>
+                <div class="code-name">#nut-icon-heatmap</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-wifi"></use>
+                  <use xlink:href="#nut-icon-wifi"></use>
                 </svg>
                 <div class="name">wifi</div>
-                <div class="code-name">#icon-wifi</div>
+                <div class="code-name">#nut-icon-wifi</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-edit"></use>
+                  <use xlink:href="#nut-icon-edit"></use>
                 </svg>
                 <div class="name">edit</div>
-                <div class="code-name">#icon-edit</div>
+                <div class="code-name">#nut-icon-edit</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-key"></use>
+                  <use xlink:href="#nut-icon-key"></use>
                 </svg>
                 <div class="name">key</div>
-                <div class="code-name">#icon-key</div>
+                <div class="code-name">#nut-icon-key</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-link"></use>
+                  <use xlink:href="#nut-icon-link"></use>
                 </svg>
                 <div class="name">link</div>
-                <div class="code-name">#icon-link</div>
+                <div class="code-name">#nut-icon-link</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-man"></use>
+                  <use xlink:href="#nut-icon-man"></use>
                 </svg>
                 <div class="name">man</div>
-                <div class="code-name">#icon-man</div>
+                <div class="code-name">#nut-icon-man</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-percentage"></use>
+                  <use xlink:href="#nut-icon-percentage"></use>
                 </svg>
                 <div class="name">percentage</div>
-                <div class="code-name">#icon-percentage</div>
+                <div class="code-name">#nut-icon-percentage</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-pushpin"></use>
+                  <use xlink:href="#nut-icon-pushpin"></use>
                 </svg>
                 <div class="name">pushpin</div>
-                <div class="code-name">#icon-pushpin</div>
+                <div class="code-name">#nut-icon-pushpin</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-fork"></use>
+                  <use xlink:href="#nut-icon-fork"></use>
                 </svg>
                 <div class="name">fork</div>
-                <div class="code-name">#icon-fork</div>
+                <div class="code-name">#nut-icon-fork</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-shrink"></use>
+                  <use xlink:href="#nut-icon-shrink"></use>
                 </svg>
                 <div class="name">shrink</div>
-                <div class="code-name">#icon-shrink</div>
+                <div class="code-name">#nut-icon-shrink</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-arrawsalt"></use>
+                  <use xlink:href="#nut-icon-arrawsalt"></use>
                 </svg>
                 <div class="name">arrawsalt</div>
-                <div class="code-name">#icon-arrawsalt</div>
+                <div class="code-name">#nut-icon-arrawsalt</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-verticalright"></use>
+                  <use xlink:href="#nut-icon-verticalright"></use>
                 </svg>
                 <div class="name">vertical right</div>
-                <div class="code-name">#icon-verticalright</div>
+                <div class="code-name">#nut-icon-verticalright</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-right"></use>
+                  <use xlink:href="#nut-icon-right"></use>
                 </svg>
                 <div class="name">right</div>
-                <div class="code-name">#icon-right</div>
+                <div class="code-name">#nut-icon-right</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-left"></use>
+                  <use xlink:href="#nut-icon-left"></use>
                 </svg>
                 <div class="name">left</div>
-                <div class="code-name">#icon-left</div>
+                <div class="code-name">#nut-icon-left</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-up"></use>
+                  <use xlink:href="#nut-icon-up"></use>
                 </svg>
                 <div class="name">up</div>
-                <div class="code-name">#icon-up</div>
+                <div class="code-name">#nut-icon-up</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-down"></use>
+                  <use xlink:href="#nut-icon-down"></use>
                 </svg>
                 <div class="name">down</div>
-                <div class="code-name">#icon-down</div>
+                <div class="code-name">#nut-icon-down</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-fullscreen"></use>
+                  <use xlink:href="#nut-icon-fullscreen"></use>
                 </svg>
                 <div class="name">fullscreen</div>
-                <div class="code-name">#icon-fullscreen</div>
+                <div class="code-name">#nut-icon-fullscreen</div>
             </li>
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-fullscreen-exit"></use>
+                  <use xlink:href="#nut-icon-fullscreen-exit"></use>
                 </svg>
                 <div class="name">fullscreen-exit</div>
-                <div class="code-name">#icon-fullscreen-exit</div>
+                <div class="code-name">#nut-icon-fullscreen-exit</div>
             </li>
           
           </ul>
diff --git a/src/styles/font/iconfont.css b/src/styles/font/iconfont.css
index 3fc70e9af62c523dc8a1b2821c1a6a60e59cf56e..2f6df5a8113c147abd52f7495befc45c88e0e40b 100644
--- a/src/styles/font/iconfont.css
+++ b/src/styles/font/iconfont.css
@@ -1,97 +1,97 @@
-@font-face {font-family: "iconfont";
-  src: url('iconfont.eot?t=1603963115614'); /* IE9 */
-  src: url('iconfont.eot?t=1603963115614#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-  url('iconfont.woff?t=1603963115614') format('woff'),
-  url('iconfont.ttf?t=1603963115614') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1603963115614#iconfont') format('svg'); /* iOS 4.1- */
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
+@font-face {font-family: "nutui-iconfont";
+  src: url('iconfont.eot?t=1604561728793'); /* IE9 */
+  src: url('iconfont.eot?t=1604561728793#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('iconfont.woff?t=1604561728793') format('woff'),
+  url('iconfont.ttf?t=1604561728793') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1604561728793#nutui-iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.nutui-iconfont {
+  font-family: "nutui-iconfont" !important;
+  font-size: 32px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-mail:before {
+.nut-icon-mail:before {
   content: "\e7de";
 }
 
-.icon-idcard:before {
+.nut-icon-idcard:before {
   content: "\e7df";
 }
 
-.icon-heatmap:before {
+.nut-icon-heatmap:before {
   content: "\e7e0";
 }
 
-.icon-wifi:before {
+.nut-icon-wifi:before {
   content: "\e7e1";
 }
 
-.icon-edit:before {
+.nut-icon-edit:before {
   content: "\e7e2";
 }
 
-.icon-key:before {
+.nut-icon-key:before {
   content: "\e7e3";
 }
 
-.icon-link:before {
+.nut-icon-link:before {
   content: "\e7e4";
 }
 
-.icon-man:before {
+.nut-icon-man:before {
   content: "\e7e5";
 }
 
-.icon-percentage:before {
+.nut-icon-percentage:before {
   content: "\e7e6";
 }
 
-.icon-pushpin:before {
+.nut-icon-pushpin:before {
   content: "\e7e7";
 }
 
-.icon-fork:before {
+.nut-icon-fork:before {
   content: "\e7e8";
 }
 
-.icon-shrink:before {
+.nut-icon-shrink:before {
   content: "\e7e9";
 }
 
-.icon-arrawsalt:before {
+.nut-icon-arrawsalt:before {
   content: "\e7ea";
 }
 
-.icon-verticalright:before {
+.nut-icon-verticalright:before {
   content: "\e7eb";
 }
 
-.icon-right:before {
+.nut-icon-right:before {
   content: "\e7ec";
 }
 
-.icon-left:before {
+.nut-icon-left:before {
   content: "\e7ed";
 }
 
-.icon-up:before {
+.nut-icon-up:before {
   content: "\e7ee";
 }
 
-.icon-down:before {
+.nut-icon-down:before {
   content: "\e7ef";
 }
 
-.icon-fullscreen:before {
+.nut-icon-fullscreen:before {
   content: "\e7f0";
 }
 
-.icon-fullscreen-exit:before {
+.nut-icon-fullscreen-exit:before {
   content: "\e7f1";
 }
 
diff --git a/src/styles/font/iconfont.eot b/src/styles/font/iconfont.eot
index 7c37da2910b14e0a362bb0644836a2763cb52dae..39c2b2f965b87d1690d8c2ae1d7f0bf47a6bbcad 100644
Binary files a/src/styles/font/iconfont.eot and b/src/styles/font/iconfont.eot differ
diff --git a/src/styles/font/iconfont.js b/src/styles/font/iconfont.js
index aa6845395fdf989506027ba0c481ac77f06fc792..2ef623d9c4cd49e5b20aabc00d19be88d1c6530c 100644
--- a/src/styles/font/iconfont.js
+++ b/src/styles/font/iconfont.js
@@ -4,11 +4,11 @@
     o,
     e,
     i,
-    s,
-    a =
-      '<svg><symbol id="icon-mail" viewBox="0 0 1024 1024"><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32z m-40 110.8V792H136V270.8l-27.6-21.5 39.3-50.5 42.8 33.3h643.1l42.8-33.3 39.3 50.5-27.7 21.5z"  ></path><path d="M833.6 232L512 482 190.4 232l-42.8-33.3-39.3 50.5 27.6 21.5 341.6 265.6c20.2 15.7 48.5 15.7 68.7 0L888 270.8l27.6-21.5-39.3-50.5-42.7 33.2z"  ></path></symbol><symbol id="icon-idcard" viewBox="0 0 1024 1024"><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32z m-40 632H136V232h752v560z"  ></path><path d="M610.3 476h123.4c1.3 0 2.3-3.6 2.3-8v-48c0-4.4-1-8-2.3-8H610.3c-1.3 0-2.3 3.6-2.3 8v48c0 4.4 1 8 2.3 8zM615.1 620h185.7c3.9 0 7.1-3.6 7.1-8v-48c0-4.4-3.2-8-7.1-8H615.1c-3.9 0-7.1 3.6-7.1 8v48c0 4.4 3.2 8 7.1 8zM224 673h43.9c4.2 0 7.6-3.3 7.9-7.5 3.8-50.5 46-90.5 97.2-90.5s93.4 40 97.2 90.5c0.3 4.2 3.7 7.5 7.9 7.5H522c4.6 0 8.2-3.8 8-8.4-2.8-53.3-32-99.7-74.6-126.1 18.1-19.9 29.1-46.4 29.1-75.5 0-61.9-49.9-112-111.4-112s-111.4 50.1-111.4 112c0 29.1 11 55.5 29.1 75.5-42.7 26.5-71.8 72.8-74.6 126.1-0.4 4.6 3.2 8.4 7.8 8.4z m149-262c28.5 0 51.7 23.3 51.7 52s-23.2 52-51.7 52-51.7-23.3-51.7-52 23.2-52 51.7-52z"  ></path></symbol><symbol id="icon-heatmap" viewBox="0 0 1024 1024"><path d="M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48z m-790.4-23.9L512 231.9 858.7 832H165.3z"  ></path><path d="M484.3 358l-228 394c-12.3 21.3 3.1 48 27.7 48h455.8c24.7 0 40.1-26.7 27.7-48L539.7 358c-6.2-10.7-17-16-27.7-16-10.8 0-21.6 5.3-27.7 16z m214 386H325.7L512 422l186.3 322z"  ></path><path d="M484.3 549.9l-57 98.4C415 669.5 430.4 696 455 696h114c24.6 0 39.9-26.5 27.7-47.7l-57-98.4c-6.1-10.6-16.9-15.9-27.7-15.9s-21.5 5.3-27.7 15.9z m57.1 98.4h-58.7l29.4-50.7 29.3 50.7z"  ></path></symbol><symbol id="icon-wifi" viewBox="0 0 1024 1024"><path d="M723 620.5C666.8 571.6 593.4 542 513 542s-153.8 29.6-210.1 78.6c-3.2 2.8-3.6 7.8-0.8 11.2l36 42.9c2.9 3.4 8 3.8 11.4 0.9C393.1 637.2 450.3 614 513 614s119.9 23.2 163.5 61.5c3.4 2.9 8.5 2.5 11.4-0.9l36-42.9c2.8-3.3 2.4-8.3-0.9-11.2zM840.4 480.4C751.7 406.5 637.6 362 513 362s-238.7 44.5-327.5 118.4c-3.4 2.8-3.8 7.9-1 11.3l36 42.9c2.8 3.4 7.9 3.8 11.2 1C308 472.2 406.1 434 513 434s205 38.2 281.2 101.6c3.4 2.8 8.4 2.4 11.2-1l36-42.9c2.8-3.4 2.4-8.5-1-11.3z"  ></path><path d="M957.1 341.4C835.7 241.8 680.3 182 511 182c-168.2 0-322.6 59-443.7 157.4-3.5 2.8-4 7.9-1.1 11.4l36 42.9c2.8 3.3 7.8 3.8 11.1 1.1C222 306.7 360.3 254 511 254c151.8 0 291 53.5 400 142.7 3.4 2.8 8.4 2.3 11.2-1.1l36-42.9c2.9-3.4 2.4-8.5-1.1-11.3z"  ></path><path d="M512 778m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z"  ></path></symbol><symbol id="icon-edit" viewBox="0 0 1024 1024"><path d="M257.7 752c2 0 4-0.2 6-0.5L431.9 722c2-0.4 3.9-1.3 5.3-2.8l423.9-423.9c3.9-3.9 3.9-10.2 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2c-1.9 11.1 1.5 21.9 9.4 29.8 6.6 6.4 14.9 9.9 23.8 9.9z m67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"  ></path></symbol><symbol id="icon-key" viewBox="0 0 1024 1024"><path d="M608 112c-167.9 0-304 136.1-304 304 0 70.3 23.9 135 63.9 186.5l-41.1 41.1-62.3-62.3c-3.1-3.1-8.2-3.1-11.4 0l-39.8 39.8c-3.1 3.1-3.1 8.2 0 11.4l62.3 62.3-44.9 44.9-62.3-62.3c-3.1-3.1-8.2-3.1-11.4 0l-39.8 39.8c-3.1 3.1-3.1 8.2 0 11.4l62.3 62.3-65.3 65.3c-3.1 3.1-3.1 8.2 0 11.3l42.3 42.3c3.1 3.1 8.2 3.1 11.3 0l253.6-253.6C473 696.1 537.7 720 608 720c167.9 0 304-136.1 304-304S775.9 112 608 112z m161.2 465.2C726.2 620.3 668.9 644 608 644c-60.9 0-118.2-23.7-161.2-66.8-43.1-43-66.8-100.3-66.8-161.2 0-60.9 23.7-118.2 66.8-161.2 43-43.1 100.3-66.8 161.2-66.8 60.9 0 118.2 23.7 161.2 66.8 43.1 43 66.8 100.3 66.8 161.2 0 60.9-23.7 118.2-66.8 161.2z"  ></path></symbol><symbol id="icon-link" viewBox="0 0 1024 1024"><path d="M574 665.4c-3.1-3.1-8.2-3.1-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8c-3.1-3.1-8.2-3.1-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zM832.6 191.4c-84.6-84.6-221.5-84.6-306 0L410.3 307.6c-3.1 3.1-3.1 8.2 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6c-3.1 3.1-3.1 8.2 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1z"  ></path><path d="M610.1 372.3c-3.1-3.1-8.2-3.1-11.3 0L372.3 598.7c-3.1 3.1-3.1 8.2 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"  ></path></symbol><symbol id="icon-man" viewBox="0 0 1024 1024"><path d="M874 120H622c-3.3 0-6 2.7-6 6v56c0 3.3 2.7 6 6 6h160.4L583.1 387.3c-50-38.5-111-59.3-175.1-59.3-76.9 0-149.3 30-203.6 84.4S120 539.1 120 616s30 149.3 84.4 203.6C258.7 874 331.1 904 408 904s149.3-30 203.6-84.4C666 765.3 696 692.9 696 616c0-64.1-20.8-124.9-59.2-174.9L836 241.9V402c0 3.3 2.7 6 6 6h56c3.3 0 6-2.7 6-6V150c0-16.5-13.5-30-30-30zM408 828c-116.9 0-212-95.1-212-212s95.1-212 212-212 212 95.1 212 212-95.1 212-212 212z"  ></path></symbol><symbol id="icon-percentage" viewBox="0 0 1024 1024"><path d="M855.7 210.8l-42.4-42.4c-3.1-3.1-8.2-3.1-11.3 0L168.3 801.9c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c3.1 3.1 8.2 3.1 11.3 0L855.6 222c3.2-3 3.2-8.1 0.1-11.2zM304 448c79.4 0 144-64.6 144-144s-64.6-144-144-144-144 64.6-144 144 64.6 144 144 144z m0-216c39.7 0 72 32.3 72 72s-32.3 72-72 72-72-32.3-72-72 32.3-72 72-72zM720 576c-79.4 0-144 64.6-144 144s64.6 144 144 144 144-64.6 144-144-64.6-144-144-144z m0 216c-39.7 0-72-32.3-72-72s32.3-72 72-72 72 32.3 72 72-32.3 72-72 72z"  ></path></symbol><symbol id="icon-pushpin" viewBox="0 0 1024 1024"><path d="M878.3 392.1L631.9 145.7c-6.5-6.5-15-9.7-23.5-9.7s-17 3.2-23.5 9.7L423.8 306.9c-12.2-1.4-24.5-2-36.8-2-73.2 0-146.4 24.1-206.5 72.3-15.4 12.3-16.7 35.4-2.7 49.4l181.7 181.7-215.4 215.2c-2.6 2.6-4.3 6.1-4.6 9.8l-3.4 37.2c-0.9 9.4 6.6 17.4 15.9 17.4 0.5 0 1 0 1.5-0.1l37.2-3.4c3.7-0.3 7.2-2 9.8-4.6l215.4-215.4 181.7 181.7c6.5 6.5 15 9.7 23.5 9.7 9.7 0 19.3-4.2 25.9-12.4 56.3-70.3 79.7-158.3 70.2-243.4l161.1-161.1c12.9-12.8 12.9-33.8 0-46.8zM666.2 549.3l-24.5 24.5 3.8 34.4c3.7 33.7 1 67.2-8.2 99.7-5.4 19-12.8 37.1-22.2 54.2L262 408.8c12.9-7.1 26.3-13.1 40.3-17.9 27.2-9.4 55.7-14.1 84.7-14.1 9.6 0 19.3 0.5 28.9 1.6l34.4 3.8 24.5-24.5L608.5 224 800 415.5 666.2 549.3z"  ></path></symbol><symbol id="icon-fork" viewBox="0 0 1024 1024"><path d="M752 100c-61.8 0-112 50.2-112 112 0 47.7 29.9 88.5 72 104.6v27.6L512 601.4 312 344.2v-27.6c42.1-16.1 72-56.9 72-104.6 0-61.8-50.2-112-112-112s-112 50.2-112 112c0 50.6 33.8 93.5 80 107.3v34.4c0 9.7 3.3 19.3 9.3 27L476 672.3v33.6c-44.2 15-76 56.9-76 106.1 0 61.8 50.2 112 112 112s112-50.2 112-112c0-49.2-31.8-91-76-106.1v-33.6l226.7-291.6c6-7.7 9.3-17.3 9.3-27v-34.4c46.2-13.8 80-56.7 80-107.3 0-61.8-50.2-112-112-112zM224 212c0-26.5 21.5-48 48-48s48 21.5 48 48-21.5 48-48 48-48-21.5-48-48z m336 600c0 26.5-21.5 48-48 48s-48-21.5-48-48 21.5-48 48-48 48 21.5 48 48z m192-552c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z"  ></path></symbol><symbol id="icon-shrink" viewBox="0 0 1024 1024"><path d="M881.7 187.4l-45.1-45.1c-3.1-3.1-8.2-3.1-11.3 0L667.8 299.9l-54.7-54.7c-4.7-4.7-12.7-1.9-13.5 4.7L576.1 439c-0.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-0.8 9.3-8.8 4.7-13.5l-54.7-54.7 157.6-157.6c3-3 3-8.1-0.1-11.2zM439 576.1l-189.2 23.5c-6.6 0.8-9.3 8.9-4.7 13.5l54.7 54.7-157.5 157.5c-3.1 3.1-3.1 8.2 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l157.6-157.6 54.7 54.7c4.7 4.7 12.7 1.9 13.5-4.7L447.9 585c0.7-5.2-3.7-9.6-8.9-8.9z"  ></path></symbol><symbol id="icon-arrawsalt" viewBox="0 0 1024 1024"><path d="M855 160.1l-189.2 23.5c-6.6 0.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5c-3.1 3.1-3.1 8.2 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7c4.7 4.7 12.7 1.9 13.5-4.7L863.9 169c0.7-5.2-3.7-9.6-8.9-8.9zM416.6 562.3c-3.1-3.1-8.2-3.1-11.3 0L251.8 715.9l-54.7-54.7c-4.7-4.7-12.7-1.9-13.5 4.7L160.1 855c-0.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-0.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"  ></path></symbol><symbol id="icon-verticalright" viewBox="0 0 1024 1024"><path d="M326 164h-64c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V172c0-4.4-3.6-8-8-8zM770 236.4V164c0-6.8-7.9-10.5-13.1-6.1L335 512l421.9 354.1c5.2 4.4 13.1 0.7 13.1-6.1v-72.4c0-9.4-4.2-18.4-11.4-24.5L459.4 512l299.2-251.1c7.2-6.1 11.4-15.1 11.4-24.5z"  ></path></symbol><symbol id="icon-right" viewBox="0 0 1024 1024"><path d="M765.7 486.8L314.9 134.7c-5.3-4.1-12.9-0.4-12.9 6.3v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1c16.4-12.8 16.4-37.6 0-50.4z"  ></path></symbol><symbol id="icon-left" viewBox="0 0 1024 1024"><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8c-16.4 12.8-16.4 37.5 0 50.3l450.8 352.1c5.3 4.1 12.9 0.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"  ></path></symbol><symbol id="icon-up" viewBox="0 0 1024 1024"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3c-3.8 5.3-0.1 12.7 6.5 12.7h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"  ></path></symbol><symbol id="icon-down" viewBox="0 0 1024 1024"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3 0.1-12.7-6.4-12.7z"  ></path></symbol><symbol id="icon-fullscreen" viewBox="0 0 1024 1024"><path d="M290 236.4l43.9-43.9c4.7-4.7 1.9-12.8-4.7-13.6L169 160c-5.1-0.6-9.5 3.7-8.9 8.9L179 329.1c0.8 6.6 8.9 9.4 13.6 4.7l43.7-43.7L370 423.7c3.1 3.1 8.2 3.1 11.3 0l42.4-42.3c3.1-3.1 3.1-8.2 0-11.3L290 236.4zM642.7 423.7c3.1 3.1 8.2 3.1 11.3 0l133.7-133.6 43.7 43.7c4.7 4.7 12.8 1.9 13.6-4.7L863.9 169c0.6-5.1-3.7-9.5-8.9-8.9L694.8 179c-6.6 0.8-9.4 8.9-4.7 13.6l43.9 43.9L600.3 370c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4zM845 694.9c-0.8-6.6-8.9-9.4-13.6-4.7l-43.7 43.7L654 600.3c-3.1-3.1-8.2-3.1-11.3 0l-42.4 42.3c-3.1 3.1-3.1 8.2 0 11.3L734 787.6l-43.9 43.9c-4.7 4.7-1.9 12.8 4.7 13.6L855 864c5.1 0.6 9.5-3.7 8.9-8.9L845 694.9zM381.3 600.3c-3.1-3.1-8.2-3.1-11.3 0L236.3 733.9l-43.7-43.7c-4.7-4.7-12.8-1.9-13.6 4.7L160.1 855c-0.6 5.1 3.7 9.5 8.9 8.9L329.2 845c6.6-0.8 9.4-8.9 4.7-13.6L290 787.6 423.7 654c3.1-3.1 3.1-8.2 0-11.3l-42.4-42.4z"  ></path></symbol><symbol id="icon-fullscreen-exit" viewBox="0 0 1024 1024"><path d="M391 240.9c-0.8-6.6-8.9-9.4-13.6-4.7l-43.7 43.7L200 146.3c-3.1-3.1-8.2-3.1-11.3 0l-42.4 42.3c-3.1 3.1-3.1 8.2 0 11.3L280 333.6l-43.9 43.9c-4.7 4.7-1.9 12.8 4.7 13.6L401 410c5.1 0.6 9.5-3.7 8.9-8.9L391 240.9zM401.1 614.1L240.8 633c-6.6 0.8-9.4 8.9-4.7 13.6l43.9 43.9L146.3 824c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.3c3.1 3.1 8.2 3.1 11.3 0L333.7 744l43.7 43.7c4.7 4.7 12.8 1.9 13.6-4.7l18.9-160.1c0.6-5.1-3.7-9.4-8.8-8.8zM622.9 409.9L783.2 391c6.6-0.8 9.4-8.9 4.7-13.6L744 333.6 877.7 200c3.1-3.1 3.1-8.2 0-11.3l-42.4-42.3c-3.1-3.1-8.2-3.1-11.3 0L690.3 279.9l-43.7-43.7c-4.7-4.7-12.8-1.9-13.6 4.7L614.1 401c-0.6 5.2 3.7 9.5 8.8 8.9zM744 690.4l43.9-43.9c4.7-4.7 1.9-12.8-4.7-13.6L623 614c-5.1-0.6-9.5 3.7-8.9 8.9L633 783.1c0.8 6.6 8.9 9.4 13.6 4.7l43.7-43.7L824 877.7c3.1 3.1 8.2 3.1 11.3 0l42.4-42.3c3.1-3.1 3.1-8.2 0-11.3L744 690.4z"  ></path></symbol></svg>',
-    n = (n = document.getElementsByTagName('script'))[n.length - 1].getAttribute('data-injectcss');
-  if (n && !c.__iconfont__svg__cssinject__) {
+    n,
+    s =
+      '<svg><symbol id="nut-icon-mail" viewBox="0 0 1024 1024"><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32z m-40 110.8V792H136V270.8l-27.6-21.5 39.3-50.5 42.8 33.3h643.1l42.8-33.3 39.3 50.5-27.7 21.5z"  ></path><path d="M833.6 232L512 482 190.4 232l-42.8-33.3-39.3 50.5 27.6 21.5 341.6 265.6c20.2 15.7 48.5 15.7 68.7 0L888 270.8l27.6-21.5-39.3-50.5-42.7 33.2z"  ></path></symbol><symbol id="nut-icon-idcard" viewBox="0 0 1024 1024"><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32z m-40 632H136V232h752v560z"  ></path><path d="M610.3 476h123.4c1.3 0 2.3-3.6 2.3-8v-48c0-4.4-1-8-2.3-8H610.3c-1.3 0-2.3 3.6-2.3 8v48c0 4.4 1 8 2.3 8zM615.1 620h185.7c3.9 0 7.1-3.6 7.1-8v-48c0-4.4-3.2-8-7.1-8H615.1c-3.9 0-7.1 3.6-7.1 8v48c0 4.4 3.2 8 7.1 8zM224 673h43.9c4.2 0 7.6-3.3 7.9-7.5 3.8-50.5 46-90.5 97.2-90.5s93.4 40 97.2 90.5c0.3 4.2 3.7 7.5 7.9 7.5H522c4.6 0 8.2-3.8 8-8.4-2.8-53.3-32-99.7-74.6-126.1 18.1-19.9 29.1-46.4 29.1-75.5 0-61.9-49.9-112-111.4-112s-111.4 50.1-111.4 112c0 29.1 11 55.5 29.1 75.5-42.7 26.5-71.8 72.8-74.6 126.1-0.4 4.6 3.2 8.4 7.8 8.4z m149-262c28.5 0 51.7 23.3 51.7 52s-23.2 52-51.7 52-51.7-23.3-51.7-52 23.2-52 51.7-52z"  ></path></symbol><symbol id="nut-icon-heatmap" viewBox="0 0 1024 1024"><path d="M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48z m-790.4-23.9L512 231.9 858.7 832H165.3z"  ></path><path d="M484.3 358l-228 394c-12.3 21.3 3.1 48 27.7 48h455.8c24.7 0 40.1-26.7 27.7-48L539.7 358c-6.2-10.7-17-16-27.7-16-10.8 0-21.6 5.3-27.7 16z m214 386H325.7L512 422l186.3 322z"  ></path><path d="M484.3 549.9l-57 98.4C415 669.5 430.4 696 455 696h114c24.6 0 39.9-26.5 27.7-47.7l-57-98.4c-6.1-10.6-16.9-15.9-27.7-15.9s-21.5 5.3-27.7 15.9z m57.1 98.4h-58.7l29.4-50.7 29.3 50.7z"  ></path></symbol><symbol id="nut-icon-wifi" viewBox="0 0 1024 1024"><path d="M723 620.5C666.8 571.6 593.4 542 513 542s-153.8 29.6-210.1 78.6c-3.2 2.8-3.6 7.8-0.8 11.2l36 42.9c2.9 3.4 8 3.8 11.4 0.9C393.1 637.2 450.3 614 513 614s119.9 23.2 163.5 61.5c3.4 2.9 8.5 2.5 11.4-0.9l36-42.9c2.8-3.3 2.4-8.3-0.9-11.2zM840.4 480.4C751.7 406.5 637.6 362 513 362s-238.7 44.5-327.5 118.4c-3.4 2.8-3.8 7.9-1 11.3l36 42.9c2.8 3.4 7.9 3.8 11.2 1C308 472.2 406.1 434 513 434s205 38.2 281.2 101.6c3.4 2.8 8.4 2.4 11.2-1l36-42.9c2.8-3.4 2.4-8.5-1-11.3z"  ></path><path d="M957.1 341.4C835.7 241.8 680.3 182 511 182c-168.2 0-322.6 59-443.7 157.4-3.5 2.8-4 7.9-1.1 11.4l36 42.9c2.8 3.3 7.8 3.8 11.1 1.1C222 306.7 360.3 254 511 254c151.8 0 291 53.5 400 142.7 3.4 2.8 8.4 2.3 11.2-1.1l36-42.9c2.9-3.4 2.4-8.5-1.1-11.3z"  ></path><path d="M512 778m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z"  ></path></symbol><symbol id="nut-icon-edit" viewBox="0 0 1024 1024"><path d="M257.7 752c2 0 4-0.2 6-0.5L431.9 722c2-0.4 3.9-1.3 5.3-2.8l423.9-423.9c3.9-3.9 3.9-10.2 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2c-1.9 11.1 1.5 21.9 9.4 29.8 6.6 6.4 14.9 9.9 23.8 9.9z m67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"  ></path></symbol><symbol id="nut-icon-key" viewBox="0 0 1024 1024"><path d="M608 112c-167.9 0-304 136.1-304 304 0 70.3 23.9 135 63.9 186.5l-41.1 41.1-62.3-62.3c-3.1-3.1-8.2-3.1-11.4 0l-39.8 39.8c-3.1 3.1-3.1 8.2 0 11.4l62.3 62.3-44.9 44.9-62.3-62.3c-3.1-3.1-8.2-3.1-11.4 0l-39.8 39.8c-3.1 3.1-3.1 8.2 0 11.4l62.3 62.3-65.3 65.3c-3.1 3.1-3.1 8.2 0 11.3l42.3 42.3c3.1 3.1 8.2 3.1 11.3 0l253.6-253.6C473 696.1 537.7 720 608 720c167.9 0 304-136.1 304-304S775.9 112 608 112z m161.2 465.2C726.2 620.3 668.9 644 608 644c-60.9 0-118.2-23.7-161.2-66.8-43.1-43-66.8-100.3-66.8-161.2 0-60.9 23.7-118.2 66.8-161.2 43-43.1 100.3-66.8 161.2-66.8 60.9 0 118.2 23.7 161.2 66.8 43.1 43 66.8 100.3 66.8 161.2 0 60.9-23.7 118.2-66.8 161.2z"  ></path></symbol><symbol id="nut-icon-link" viewBox="0 0 1024 1024"><path d="M574 665.4c-3.1-3.1-8.2-3.1-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8c-3.1-3.1-8.2-3.1-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zM832.6 191.4c-84.6-84.6-221.5-84.6-306 0L410.3 307.6c-3.1 3.1-3.1 8.2 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6c-3.1 3.1-3.1 8.2 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1z"  ></path><path d="M610.1 372.3c-3.1-3.1-8.2-3.1-11.3 0L372.3 598.7c-3.1 3.1-3.1 8.2 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"  ></path></symbol><symbol id="nut-icon-man" viewBox="0 0 1024 1024"><path d="M874 120H622c-3.3 0-6 2.7-6 6v56c0 3.3 2.7 6 6 6h160.4L583.1 387.3c-50-38.5-111-59.3-175.1-59.3-76.9 0-149.3 30-203.6 84.4S120 539.1 120 616s30 149.3 84.4 203.6C258.7 874 331.1 904 408 904s149.3-30 203.6-84.4C666 765.3 696 692.9 696 616c0-64.1-20.8-124.9-59.2-174.9L836 241.9V402c0 3.3 2.7 6 6 6h56c3.3 0 6-2.7 6-6V150c0-16.5-13.5-30-30-30zM408 828c-116.9 0-212-95.1-212-212s95.1-212 212-212 212 95.1 212 212-95.1 212-212 212z"  ></path></symbol><symbol id="nut-icon-percentage" viewBox="0 0 1024 1024"><path d="M855.7 210.8l-42.4-42.4c-3.1-3.1-8.2-3.1-11.3 0L168.3 801.9c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c3.1 3.1 8.2 3.1 11.3 0L855.6 222c3.2-3 3.2-8.1 0.1-11.2zM304 448c79.4 0 144-64.6 144-144s-64.6-144-144-144-144 64.6-144 144 64.6 144 144 144z m0-216c39.7 0 72 32.3 72 72s-32.3 72-72 72-72-32.3-72-72 32.3-72 72-72zM720 576c-79.4 0-144 64.6-144 144s64.6 144 144 144 144-64.6 144-144-64.6-144-144-144z m0 216c-39.7 0-72-32.3-72-72s32.3-72 72-72 72 32.3 72 72-32.3 72-72 72z"  ></path></symbol><symbol id="nut-icon-pushpin" viewBox="0 0 1024 1024"><path d="M878.3 392.1L631.9 145.7c-6.5-6.5-15-9.7-23.5-9.7s-17 3.2-23.5 9.7L423.8 306.9c-12.2-1.4-24.5-2-36.8-2-73.2 0-146.4 24.1-206.5 72.3-15.4 12.3-16.7 35.4-2.7 49.4l181.7 181.7-215.4 215.2c-2.6 2.6-4.3 6.1-4.6 9.8l-3.4 37.2c-0.9 9.4 6.6 17.4 15.9 17.4 0.5 0 1 0 1.5-0.1l37.2-3.4c3.7-0.3 7.2-2 9.8-4.6l215.4-215.4 181.7 181.7c6.5 6.5 15 9.7 23.5 9.7 9.7 0 19.3-4.2 25.9-12.4 56.3-70.3 79.7-158.3 70.2-243.4l161.1-161.1c12.9-12.8 12.9-33.8 0-46.8zM666.2 549.3l-24.5 24.5 3.8 34.4c3.7 33.7 1 67.2-8.2 99.7-5.4 19-12.8 37.1-22.2 54.2L262 408.8c12.9-7.1 26.3-13.1 40.3-17.9 27.2-9.4 55.7-14.1 84.7-14.1 9.6 0 19.3 0.5 28.9 1.6l34.4 3.8 24.5-24.5L608.5 224 800 415.5 666.2 549.3z"  ></path></symbol><symbol id="nut-icon-fork" viewBox="0 0 1024 1024"><path d="M752 100c-61.8 0-112 50.2-112 112 0 47.7 29.9 88.5 72 104.6v27.6L512 601.4 312 344.2v-27.6c42.1-16.1 72-56.9 72-104.6 0-61.8-50.2-112-112-112s-112 50.2-112 112c0 50.6 33.8 93.5 80 107.3v34.4c0 9.7 3.3 19.3 9.3 27L476 672.3v33.6c-44.2 15-76 56.9-76 106.1 0 61.8 50.2 112 112 112s112-50.2 112-112c0-49.2-31.8-91-76-106.1v-33.6l226.7-291.6c6-7.7 9.3-17.3 9.3-27v-34.4c46.2-13.8 80-56.7 80-107.3 0-61.8-50.2-112-112-112zM224 212c0-26.5 21.5-48 48-48s48 21.5 48 48-21.5 48-48 48-48-21.5-48-48z m336 600c0 26.5-21.5 48-48 48s-48-21.5-48-48 21.5-48 48-48 48 21.5 48 48z m192-552c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z"  ></path></symbol><symbol id="nut-icon-shrink" viewBox="0 0 1024 1024"><path d="M881.7 187.4l-45.1-45.1c-3.1-3.1-8.2-3.1-11.3 0L667.8 299.9l-54.7-54.7c-4.7-4.7-12.7-1.9-13.5 4.7L576.1 439c-0.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-0.8 9.3-8.8 4.7-13.5l-54.7-54.7 157.6-157.6c3-3 3-8.1-0.1-11.2zM439 576.1l-189.2 23.5c-6.6 0.8-9.3 8.9-4.7 13.5l54.7 54.7-157.5 157.5c-3.1 3.1-3.1 8.2 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l157.6-157.6 54.7 54.7c4.7 4.7 12.7 1.9 13.5-4.7L447.9 585c0.7-5.2-3.7-9.6-8.9-8.9z"  ></path></symbol><symbol id="nut-icon-arrawsalt" viewBox="0 0 1024 1024"><path d="M855 160.1l-189.2 23.5c-6.6 0.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5c-3.1 3.1-3.1 8.2 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7c4.7 4.7 12.7 1.9 13.5-4.7L863.9 169c0.7-5.2-3.7-9.6-8.9-8.9zM416.6 562.3c-3.1-3.1-8.2-3.1-11.3 0L251.8 715.9l-54.7-54.7c-4.7-4.7-12.7-1.9-13.5 4.7L160.1 855c-0.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-0.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"  ></path></symbol><symbol id="nut-icon-verticalright" viewBox="0 0 1024 1024"><path d="M326 164h-64c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V172c0-4.4-3.6-8-8-8zM770 236.4V164c0-6.8-7.9-10.5-13.1-6.1L335 512l421.9 354.1c5.2 4.4 13.1 0.7 13.1-6.1v-72.4c0-9.4-4.2-18.4-11.4-24.5L459.4 512l299.2-251.1c7.2-6.1 11.4-15.1 11.4-24.5z"  ></path></symbol><symbol id="nut-icon-right" viewBox="0 0 1024 1024"><path d="M765.7 486.8L314.9 134.7c-5.3-4.1-12.9-0.4-12.9 6.3v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1c16.4-12.8 16.4-37.6 0-50.4z"  ></path></symbol><symbol id="nut-icon-left" viewBox="0 0 1024 1024"><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8c-16.4 12.8-16.4 37.5 0 50.3l450.8 352.1c5.3 4.1 12.9 0.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"  ></path></symbol><symbol id="nut-icon-up" viewBox="0 0 1024 1024"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3c-3.8 5.3-0.1 12.7 6.5 12.7h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"  ></path></symbol><symbol id="nut-icon-down" viewBox="0 0 1024 1024"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3 0.1-12.7-6.4-12.7z"  ></path></symbol><symbol id="nut-icon-fullscreen" viewBox="0 0 1024 1024"><path d="M290 236.4l43.9-43.9c4.7-4.7 1.9-12.8-4.7-13.6L169 160c-5.1-0.6-9.5 3.7-8.9 8.9L179 329.1c0.8 6.6 8.9 9.4 13.6 4.7l43.7-43.7L370 423.7c3.1 3.1 8.2 3.1 11.3 0l42.4-42.3c3.1-3.1 3.1-8.2 0-11.3L290 236.4zM642.7 423.7c3.1 3.1 8.2 3.1 11.3 0l133.7-133.6 43.7 43.7c4.7 4.7 12.8 1.9 13.6-4.7L863.9 169c0.6-5.1-3.7-9.5-8.9-8.9L694.8 179c-6.6 0.8-9.4 8.9-4.7 13.6l43.9 43.9L600.3 370c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4zM845 694.9c-0.8-6.6-8.9-9.4-13.6-4.7l-43.7 43.7L654 600.3c-3.1-3.1-8.2-3.1-11.3 0l-42.4 42.3c-3.1 3.1-3.1 8.2 0 11.3L734 787.6l-43.9 43.9c-4.7 4.7-1.9 12.8 4.7 13.6L855 864c5.1 0.6 9.5-3.7 8.9-8.9L845 694.9zM381.3 600.3c-3.1-3.1-8.2-3.1-11.3 0L236.3 733.9l-43.7-43.7c-4.7-4.7-12.8-1.9-13.6 4.7L160.1 855c-0.6 5.1 3.7 9.5 8.9 8.9L329.2 845c6.6-0.8 9.4-8.9 4.7-13.6L290 787.6 423.7 654c3.1-3.1 3.1-8.2 0-11.3l-42.4-42.4z"  ></path></symbol><symbol id="nut-icon-fullscreen-exit" viewBox="0 0 1024 1024"><path d="M391 240.9c-0.8-6.6-8.9-9.4-13.6-4.7l-43.7 43.7L200 146.3c-3.1-3.1-8.2-3.1-11.3 0l-42.4 42.3c-3.1 3.1-3.1 8.2 0 11.3L280 333.6l-43.9 43.9c-4.7 4.7-1.9 12.8 4.7 13.6L401 410c5.1 0.6 9.5-3.7 8.9-8.9L391 240.9zM401.1 614.1L240.8 633c-6.6 0.8-9.4 8.9-4.7 13.6l43.9 43.9L146.3 824c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.3c3.1 3.1 8.2 3.1 11.3 0L333.7 744l43.7 43.7c4.7 4.7 12.8 1.9 13.6-4.7l18.9-160.1c0.6-5.1-3.7-9.4-8.8-8.8zM622.9 409.9L783.2 391c6.6-0.8 9.4-8.9 4.7-13.6L744 333.6 877.7 200c3.1-3.1 3.1-8.2 0-11.3l-42.4-42.3c-3.1-3.1-8.2-3.1-11.3 0L690.3 279.9l-43.7-43.7c-4.7-4.7-12.8-1.9-13.6 4.7L614.1 401c-0.6 5.2 3.7 9.5 8.8 8.9zM744 690.4l43.9-43.9c4.7-4.7 1.9-12.8-4.7-13.6L623 614c-5.1-0.6-9.5 3.7-8.9 8.9L633 783.1c0.8 6.6 8.9 9.4 13.6 4.7l43.7-43.7L824 877.7c3.1 3.1 8.2 3.1 11.3 0l42.4-42.3c3.1-3.1 3.1-8.2 0-11.3L744 690.4z"  ></path></symbol></svg>',
+    a = (a = document.getElementsByTagName('script'))[a.length - 1].getAttribute('data-injectcss');
+  if (a && !c.__iconfont__svg__cssinject__) {
     c.__iconfont__svg__cssinject__ = !0;
     try {
       document.write(
@@ -22,9 +22,9 @@
     i || ((i = !0), o());
   }
   (l = function() {
-    var c, l, t, o;
-    ((o = document.createElement('div')).innerHTML = a),
-      (a = null),
+    let c, l, t, o;
+    ((o = document.createElement('div')).innerHTML = s),
+      (s = null),
       (t = o.getElementsByTagName('svg')[0]) &&
         (t.setAttribute('aria-hidden', 'true'),
         (t.style.position = 'absolute'),
@@ -45,11 +45,11 @@
         ((o = l),
         (e = c.document),
         (i = !1),
-        (s = function() {
+        (n = function() {
           try {
             e.documentElement.doScroll('left');
           } catch (c) {
-            return void setTimeout(s, 50);
+            return void setTimeout(n, 50);
           }
           h();
         })(),
diff --git a/src/styles/font/iconfont.json b/src/styles/font/iconfont.json
index 7d57420eefe0a6793ce67aa322bf61f1458733d4..0d0a54df6c29e832a29b1389314929e43df2c830 100644
--- a/src/styles/font/iconfont.json
+++ b/src/styles/font/iconfont.json
@@ -1,9 +1,9 @@
 {
   "id": "2166874",
   "name": "nutui",
-  "font_family": "iconfont",
-  "css_prefix_text": "icon-",
-  "description": "",
+  "font_family": "nutui-iconfont",
+  "css_prefix_text": "nut-icon-",
+  "description": "nutui 3.0字体管理",
   "glyphs": [
     {
       "icon_id": "4766918",
diff --git a/src/styles/font/iconfont.svg b/src/styles/font/iconfont.svg
index 2fd5131cd95d3e3dfe2c575e5c4d506f8e305b1d..c25ffd06c9d4f2ed008376f9068ac95001dce5e4 100644
--- a/src/styles/font/iconfont.svg
+++ b/src/styles/font/iconfont.svg
@@ -9,9 +9,9 @@ Created by iconfont
 </metadata>
 <defs>
 
-<font id="iconfont" horiz-adv-x="1024" >
+<font id="nutui-iconfont" horiz-adv-x="1024" >
   <font-face
-    font-family="iconfont"
+    font-family="nutui-iconfont"
     font-weight="500"
     font-stretch="normal"
     units-per-em="1024"
diff --git a/src/styles/font/iconfont.ttf b/src/styles/font/iconfont.ttf
index b6ff88c2acdbcca73ae0f5cdccb7bb65bb211edb..081b8463cc12eda73fac477f4c70ef2025f673ec 100644
Binary files a/src/styles/font/iconfont.ttf and b/src/styles/font/iconfont.ttf differ
diff --git a/src/styles/font/iconfont.woff b/src/styles/font/iconfont.woff
index 25a92cd8e6082eae3b2287665374253c3a144c24..e831edb1ecf69e18a2d94be84f3279fe741116bd 100644
Binary files a/src/styles/font/iconfont.woff and b/src/styles/font/iconfont.woff differ
diff --git a/src/styles/font/iconfont.woff2 b/src/styles/font/iconfont.woff2
index fca0d5e1fbd6d6c0e934f92b86aa0bdf2925166b..6103c1faf0e96ce5faf764d8a2bc8b6044bb6d76 100644
Binary files a/src/styles/font/iconfont.woff2 and b/src/styles/font/iconfont.woff2 differ
diff --git a/tsconfig.json b/tsconfig.json
index e621cbc36545a9126e6691905fa388ac30d2f524..3b14fbda2f184c6433f944c8f98b5fb3c4c3dcac 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,6 +9,7 @@
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
     "sourceMap": true,
     "baseUrl": ".",
     "types": [