diff --git a/.gitignore b/.gitignore
index 10913cedf7..85de2b9078 100644
--- a/.gitignore
+++ b/.gitignore
@@ -42,3 +42,4 @@ components/**/*.jsx
 # Docs templates
 site/theme/template/IconDisplay/*.js
 site/theme/template/IconDisplay/*.jsx
+site/theme/template/IconDisplay/fields.js
diff --git a/components/icon/__tests__/__snapshots__/index.test.js.snap b/components/icon/__tests__/__snapshots__/index.test.js.snap
index 293e1d43aa..a25aa2f5f1 100644
--- a/components/icon/__tests__/__snapshots__/index.test.js.snap
+++ b/components/icon/__tests__/__snapshots__/index.test.js.snap
@@ -331,13 +331,49 @@ exports[`Icon.createFromIconfontCN() should support iconfont.cn 1`] = `
   class="icons-list"
 >
   <i
-    class="anticon anticon-icon-tuichu"
-  />
+    class="anticon"
+  >
+    <svg
+      aria-hidden="true"
+      class=""
+      fill="currentColor"
+      height="1em"
+      width="1em"
+    >
+      <use
+        href="#icon-tuichu"
+      />
+    </svg>
+  </i>
   <i
-    class="anticon anticon-icon-facebook"
-  />
+    class="anticon"
+  >
+    <svg
+      aria-hidden="true"
+      class=""
+      fill="currentColor"
+      height="1em"
+      width="1em"
+    >
+      <use
+        href="#icon-facebook"
+      />
+    </svg>
+  </i>
   <i
-    class="anticon anticon-icon-twitter"
-  />
+    class="anticon"
+  >
+    <svg
+      aria-hidden="true"
+      class=""
+      fill="currentColor"
+      height="1em"
+      width="1em"
+    >
+      <use
+        href="#icon-twitter"
+      />
+    </svg>
+  </i>
 </div>
 `;