diff --git a/.circleci/config.yml b/.circleci/config.yml
index a546e6134..30b71ef1b 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -27,6 +27,14 @@ references:
           requires:
           - setup
           - icons-svg
+      - icons-vue:
+          requires:
+          - setup
+          - icons-svg
+      - icons-react-native:
+          requires:
+          - setup
+          - icons-svg
 
 jobs:
   setup:
@@ -47,8 +55,6 @@ jobs:
           paths:
             - node_modules
             - packages/icons-*/node_modules
-      - store_artifacts:
-          path: yarn.lock
 
   icons-svg:
     <<: *container_config
@@ -79,6 +85,20 @@ jobs:
       - *attach_workspace
       - run: yarn angular:ci
 
+  icons-vue:
+    <<: *container_config
+    steps:
+      - checkout
+      - *attach_workspace
+      - run: yarn vue:ci
+
+  icons-react-native:
+    <<: *container_config
+    steps:
+      - checkout
+      - *attach_workspace
+      - run: yarn react-native:ci
+
 workflows:
   version: 2
   build_test:
diff --git a/package.json b/package.json
index 3426c52dd..9ea163590 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "private": true,
   "scripts": {
     "bootstrap": "lerna bootstrap",
+    "clean": "lerna clean",
     "bootstrap:china": "lerna bootstrap --registry=https://registry.npm.taobao.org",
     "rn:generate": "lerna run --scope @ant-design/icons-react-native generate",
     "icons:generate": "lerna run --scope @ant-design/icons-svg generate",
@@ -9,6 +10,8 @@
     "icons:test": "lerna run --scope @ant-design/icons-svg test",
     "react:ci": "lerna run --scope @ant-design/icons ci",
     "angular:ci": "lerna run --scope @ant-design/icons-angular-workspace ci",
+    "vue:ci": "lerna run --scope @ant-design/icons-vue ci",
+    "react-native:ci": "lerna run --scope @ant-design/icons-react-native ci",
     "lint": "lerna run lint"
   },
   "devDependencies": {
diff --git a/packages/icons-angular/package.json b/packages/icons-angular/package.json
index 92bafdab7..74b2162c4 100644
--- a/packages/icons-angular/package.json
+++ b/packages/icons-angular/package.json
@@ -15,7 +15,7 @@
   "license": "MIT",
   "private": true,
   "dependencies": {
-    "@ant-design/colors": "^4.0.0",
+    "@ant-design/colors": "^5.0.0",
     "@angular/common": "^10.0.0",
     "@angular/core": "^10.0.0"
   },
@@ -31,7 +31,6 @@
     "@angular/platform-browser-dynamic": "^10.0.0",
     "@angular/platform-browser": "^10.0.0",
     "@angular/router": "^10.0.0",
-    "@ant-design/colors": "^3.1.0",
     "@ant-design/icons-svg": "^4.0.0",
     "@types/jasmine": "~3.3.8",
     "@types/jasminewd2": "~2.0.3",
diff --git a/packages/icons-angular/src/package.json b/packages/icons-angular/src/package.json
index f420d0fdf..2d84dc6e5 100644
--- a/packages/icons-angular/src/package.json
+++ b/packages/icons-angular/src/package.json
@@ -7,7 +7,7 @@
     "Wendell Hu <wendellhu95@gmail.com>"
   ],
   "dependencies": {
-    "@ant-design/colors": "^3.1.0",
+    "@ant-design/colors": "^5.0.0",
     "tslib": "^2.0.0"
 },
   "peerDependencies": {
diff --git a/packages/icons-react-native/package.json b/packages/icons-react-native/package.json
index 9914b3680..4b30133b3 100644
--- a/packages/icons-react-native/package.json
+++ b/packages/icons-react-native/package.json
@@ -21,7 +21,9 @@
     "pregenerate": "npm run clean",
     "clean": "rimraf -rf fonts iconfont src/*.tsx",
     "prepublishOnly": "npm run lint && npm run test && npm run compile",
-    "patch-package": "patch-package"
+    "postinstall": "npm run patch-package",
+    "patch-package": "patch-package",
+    "ci": "npm run lint && npm run test && npm run compile"
   },
   "files": [
     "es",
diff --git a/packages/icons-react-native/test/IconFill.spec.tsx b/packages/icons-react-native/test/IconFill.spec.tsx
index 7afa6e424..feb5e94f4 100644
--- a/packages/icons-react-native/test/IconFill.spec.tsx
+++ b/packages/icons-react-native/test/IconFill.spec.tsx
@@ -15,7 +15,7 @@ describe('IconFill', () => {
 
   it('should create Icon element.', () => {
     const icon = mount({ name: 'account-book' });
-    expect(icon!.children![0]).toBe(
+    expect((icon as any).children![0]).toBe(
       String.fromCharCode(fillGlyphMap['account-book'])
     );
     expect(icon).toMatchSnapshot();
diff --git a/packages/icons-react-native/test/IconOutline.spec.tsx b/packages/icons-react-native/test/IconOutline.spec.tsx
index 6ab3fe3e5..bf7b095e7 100644
--- a/packages/icons-react-native/test/IconOutline.spec.tsx
+++ b/packages/icons-react-native/test/IconOutline.spec.tsx
@@ -15,7 +15,7 @@ describe('IconOutline', () => {
 
   it('should create Icon element.', () => {
     const icon = mount({ name: 'account-book' });
-    expect(icon!.children![0]).toBe(
+    expect((icon as any).children![0]).toBe(
       String.fromCharCode(outlineGlyphMap['account-book'])
     );
     expect(icon).toMatchSnapshot();
diff --git a/packages/icons-react/.eslintrc.js b/packages/icons-react/.eslintrc.js
index 2ab96d552..125a1e392 100644
--- a/packages/icons-react/.eslintrc.js
+++ b/packages/icons-react/.eslintrc.js
@@ -1,13 +1,9 @@
-const base = require('@umijs/fabric/dist/eslint');
-
 module.exports = {
-  ...base,
+  extends: [require.resolve('@umijs/fabric/dist/eslint')],
   env: {
-    ...base.env,
     jest: true,
   },
   rules: {
-    ...base.rules,
     '@typescript-eslint/no-explicit-any': 0,
     'react/no-did-update-set-state': 0,
     'react/no-find-dom-node': 0,
diff --git a/packages/icons-react/package.json b/packages/icons-react/package.json
index 890d4a6aa..47e39229e 100644
--- a/packages/icons-react/package.json
+++ b/packages/icons-react/package.json
@@ -31,7 +31,7 @@
     "postcompile": "npm run clean && TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register scripts/generate.ts --target=entry"
   },
   "peerDependencies": {
-    "react": "16.x"
+    "react": ">=16.0.0"
   },
   "devDependencies": {
     "@types/classnames": "^2.2.9",
@@ -43,7 +43,9 @@
     "@types/react": "^16.9.23",
     "@types/react-dom": "^16.9.5",
     "@umijs/fabric": "^2.2.2",
-    "antd": "^3.20.7",
+    "@typescript-eslint/eslint-plugin": "^4.7.0",
+    "@typescript-eslint/parser": "^4.7.0",
+    "antd": "^4.8.2",
     "cross-env": "^5.2.0",
     "enzyme": "^3.10.0",
     "enzyme-to-json": "^3.3.5",
@@ -56,11 +58,11 @@
     "react-dom": "^16.4.2",
     "rimraf": "^3.0.0",
     "styled-components": "^3.3.3",
-    "ts-node": "^8.3.0",
-    "typescript": "^3.0.3"
+    "ts-node": "^9.0.0",
+    "typescript": "^4.0.2"
   },
   "dependencies": {
-    "@ant-design/colors": "^3.1.0",
+    "@ant-design/colors": "^5.0.0",
     "@ant-design/icons-svg": "^4.0.0",
     "@babel/runtime": "^7.10.4",
     "classnames": "^2.2.6",
diff --git a/packages/icons-react/tests/__snapshots__/index.test.tsx.snap b/packages/icons-react/tests/__snapshots__/index.test.tsx.snap
index eb171f882..9e295a49e 100644
--- a/packages/icons-react/tests/__snapshots__/index.test.tsx.snap
+++ b/packages/icons-react/tests/__snapshots__/index.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`Icon should render to a <span class="xxx"><svg>...</svg></span> 1`] = `
 >
   <svg
     aria-hidden="true"
-    class=""
     data-icon="home"
     fill="currentColor"
     focusable="false"
@@ -77,7 +76,6 @@ exports[`Icon should support basic usage 1`] = `
   >
     <svg
       aria-hidden="true"
-      class=""
       data-icon="home"
       fill="currentColor"
       focusable="false"
@@ -97,7 +95,6 @@ exports[`Icon should support basic usage 1`] = `
   >
     <svg
       aria-hidden="true"
-      class=""
       data-icon="setting"
       fill="currentColor"
       focusable="false"
@@ -117,7 +114,6 @@ exports[`Icon should support basic usage 1`] = `
   >
     <svg
       aria-hidden="true"
-      class=""
       data-icon="smile"
       fill="currentColor"
       focusable="false"
@@ -132,12 +128,11 @@ exports[`Icon should support basic usage 1`] = `
   </span>
   <span
     aria-label="sync"
-    class="anticon anticon-sync"
+    class="anticon anticon-sync anticon-spin"
     role="img"
   >
     <svg
       aria-hidden="true"
-      class="anticon-spin"
       data-icon="sync"
       fill="currentColor"
       focusable="false"
@@ -152,12 +147,11 @@ exports[`Icon should support basic usage 1`] = `
   </span>
   <span
     aria-label="loading"
-    class="anticon anticon-loading"
+    class="anticon anticon-loading anticon-spin"
     role="img"
   >
     <svg
       aria-hidden="true"
-      class="anticon-spin"
       data-icon="loading"
       fill="currentColor"
       focusable="false"
@@ -181,7 +175,6 @@ exports[`Icon should support config global two-tone primary color 1`] = `
 >
   <svg
     aria-hidden="true"
-    class=""
     data-icon="check-circle"
     fill="currentColor"
     focusable="false"
@@ -213,7 +206,6 @@ exports[`Icon should support config global two-tone primary color 2`] = `
 >
   <svg
     aria-hidden="true"
-    class=""
     data-icon="check-circle"
     fill="currentColor"
     focusable="false"
@@ -245,7 +237,6 @@ exports[`Icon should support config global two-tone primary color 3`] = `
 >
   <svg
     aria-hidden="true"
-    class=""
     data-icon="check-circle"
     fill="currentColor"
     focusable="false"
@@ -306,7 +297,6 @@ exports[`Icon should support event listeners 1`] = `
         tabIndex={-1}
       >
         <IconReact
-          className=""
           icon={
             Object {
               "icon": Object {
@@ -331,7 +321,6 @@ exports[`Icon should support event listeners 1`] = `
         >
           <svg
             aria-hidden="true"
-            className=""
             data-icon="home"
             fill="currentColor"
             focusable="false"
@@ -379,7 +368,6 @@ exports[`Icon should support event listeners 1`] = `
         role="img"
       >
         <IconReact
-          className=""
           icon={
             Object {
               "icon": Object {
@@ -404,7 +392,6 @@ exports[`Icon should support event listeners 1`] = `
         >
           <svg
             aria-hidden="true"
-            className=""
             data-icon="setting"
             fill="currentColor"
             focusable="false"
@@ -456,7 +443,6 @@ exports[`Icon should support event listeners 1`] = `
         role="img"
       >
         <IconReact
-          className=""
           icon={
             Object {
               "icon": Object {
@@ -481,7 +467,6 @@ exports[`Icon should support event listeners 1`] = `
         >
           <svg
             aria-hidden="true"
-            className=""
             data-icon="smile"
             fill="currentColor"
             focusable="false"
@@ -530,12 +515,11 @@ exports[`Icon should support event listeners 1`] = `
     >
       <span
         aria-label="sync"
-        className="anticon anticon-sync"
+        className="anticon anticon-sync anticon-spin"
         onKeyUp={[MockFunction]}
         role="img"
       >
         <IconReact
-          className="anticon-spin"
           icon={
             Object {
               "icon": Object {
@@ -560,7 +544,6 @@ exports[`Icon should support event listeners 1`] = `
         >
           <svg
             aria-hidden="true"
-            className="anticon-spin"
             data-icon="sync"
             fill="currentColor"
             focusable="false"
@@ -762,7 +745,6 @@ exports[`Icon should support two-tone icon 1`] = `
 >
   <svg
     aria-hidden="true"
-    class=""
     data-icon="check-circle"
     fill="currentColor"
     focusable="false"
@@ -794,7 +776,6 @@ exports[`Icon should support two-tone icon 2`] = `
 >
   <svg
     aria-hidden="true"
-    class=""
     data-icon="check-circle"
     fill="currentColor"
     focusable="false"
diff --git a/packages/icons-react/tests/index.test.tsx b/packages/icons-react/tests/index.test.tsx
index 0135f7545..da004fcd1 100644
--- a/packages/icons-react/tests/index.test.tsx
+++ b/packages/icons-react/tests/index.test.tsx
@@ -155,11 +155,8 @@ describe('Icon', () => {
     const icon = wrapper.find('span').at(0);
     icon.simulate('mouseenter');
     expect(onVisibleChange).toHaveBeenCalledWith(true);
-    expect((wrapper.instance() as any).tooltip.props.visible).toBe(true);
-
     icon.simulate('mouseleave');
     expect(onVisibleChange).toHaveBeenCalledWith(false);
-    expect((wrapper.instance() as any).tooltip.props.visible).toBe(false);
   });
 
   it('should support custom usage of children', () => {
@@ -352,11 +349,9 @@ describe('Icon.createFromIconfontCN()', () => {
     const icon = wrapper.find('span').at(0);
     icon.simulate('mouseenter');
     expect(onVisibleChange).toHaveBeenCalledWith(true);
-    expect((wrapper.instance() as any).tooltip.props.visible).toBe(true);
 
     icon.simulate('mouseleave');
     expect(onVisibleChange).toHaveBeenCalledWith(false);
-    expect((wrapper.instance() as any).tooltip.props.visible).toBe(false);
   });
 });
 
@@ -435,11 +430,8 @@ describe('Icon.createFromIconfontCN({scriptUrl:[]})', () => {
     const icon = wrapper.find('span').at(0);
     icon.simulate('mouseenter');
     expect(onVisibleChange).toHaveBeenCalledWith(true);
-    expect((wrapper.instance() as any).tooltip.props.visible).toBe(true);
-
     icon.simulate('mouseleave');
     expect(onVisibleChange).toHaveBeenCalledWith(false);
-    expect((wrapper.instance() as any).tooltip.props.visible).toBe(false);
   });
 
   const IconFont2 = createFromIconfontCN({
diff --git a/packages/icons-vue/package.json b/packages/icons-vue/package.json
index 1d2c600fe..3d0589008 100644
--- a/packages/icons-vue/package.json
+++ b/packages/icons-vue/package.json
@@ -20,7 +20,8 @@
     "test": "cross-env NODE_ENV=test jest --config .jest.js",
     "prepublishOnly": "npm run lint && npm run generate && npm run compile && npm run test",
     "generate": "rimraf src/icons && TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register scripts/generate.ts --target=icon",
-    "postcompile": "npm run clean && TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register scripts/generate.ts --target=entry"
+    "postcompile": "npm run clean && TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register scripts/generate.ts --target=entry",
+    "ci": "npm run lint && npm run compile && npm run test"
   },
   "peerDependencies": {
     "vue": ">=3.0.0"
@@ -55,7 +56,7 @@
     "vue-jest": "^5.0.0-alpha.3"
   },
   "dependencies": {
-    "@ant-design/colors": "^4.0.0",
+    "@ant-design/colors": "^5.0.0",
     "@ant-design/icons-svg": "^4.0.0",
     "@babel/runtime": "^7.10.4",
     "lodash": "^4.17.15"
diff --git a/packages/testTheme/account-book b/packages/testTheme/account-book
deleted file mode 100644
index b57dd673d..000000000
--- a/packages/testTheme/account-book
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="64 64 896 896" focusable="false"><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zM648.3 426.8l-87.7 161.1h45.7c5.5 0 10 4.5 10 10v21.3c0 5.5-4.5 10-10 10h-63.4v29.7h63.4c5.5 0 10 4.5 10 10v21.3c0 5.5-4.5 10-10 10h-63.4V752c0 5.5-4.5 10-10 10h-41.3c-5.5 0-10-4.5-10-10v-51.8h-63.1c-5.5 0-10-4.5-10-10v-21.3c0-5.5 4.5-10 10-10h63.1v-29.7h-63.1c-5.5 0-10-4.5-10-10v-21.3c0-5.5 4.5-10 10-10h45.2l-88-161.1c-2.6-4.8-.9-10.9 4-13.6 1.5-.8 3.1-1.2 4.8-1.2h46c3.8 0 7.2 2.1 8.9 5.5l72.9 144.3 73.2-144.3a10 10 0 018.9-5.5h45c5.5 0 10 4.5 10 10 .1 1.7-.3 3.3-1.1 4.8z" /></svg>
\ No newline at end of file