diff --git a/components/icon/utils.ts b/components/icon/utils.ts
index 2a4e2c5a07..ae857bbc9f 100644
--- a/components/icon/utils.ts
+++ b/components/icon/utils.ts
@@ -1,4 +1,5 @@
 import { ThemeType } from "./index";
+import warning from "../_util/warning";
 
 // These props make sure that the SVG behaviours like general text.
 // Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
diff --git a/site/theme/template/IconDisplay/fields.js b/site/theme/template/IconDisplay/fields.js
deleted file mode 100644
index 9b9e174ee2..0000000000
--- a/site/theme/template/IconDisplay/fields.js
+++ /dev/null
@@ -1,99 +0,0 @@
-export const categories = {
-    direction: [
-        'step-backward', 'step-forward', 'fast-backward',
-        'fast-forward', 'shrink', 'arrows-alt', 'down', 'up', 'left',
-        'right', 'caret-up', 'caret-down', 'caret-left', 'caret-right',
-        'up-circle', 'down-circle', 'left-circle', 'right-circle',
-        'double-right', 'double-left', 'verticle-left', 'verticle-right',
-        'forward', 'backward', 'rollback', 'enter', 'retweet',
-        'swap', 'swap-left', 'swap-right', 'arrow-up', 'arrow-down',
-        'arrow-left', 'arrow-right', 'play-circle',
-        'up-square', 'down-square', 'left-square', 'right-square',
-        'login', 'logout', 'menu-fold', 'menu-unfold',
-        'border-bottom', 'border-horizontal', 'border-inner',
-        'border-outter', 'border-left', 'border-right', 'border-top',
-        'border-verticle', 'pic-center', 'pic-left', 'pic-right',
-        'radius-bottomleft', 'radius-bottomright', 'radius-upleft',
-        'fullscreen', 'fullscreen-exit',
-    ],
-    suggestion: [
-        'question', 'question-circle',
-        'plus', 'plus-circle', 'pause',
-        'pause-circle', 'minus',
-        'minus-circle', 'plus-square', 'minus-square',
-        'info', 'info-circle',
-        'exclamation', 'exclamation-circle',
-        'close', 'close-circle', 'close-square',
-        'check', 'check-circle',
-        'check-square',
-        'clock-circle', 'warning',
-        'issues-close', 'stop',
-    ],
-    edit: [
-        'edit', 'form', 'copy', 'scissor', 'delete', 'snippets', 'diff', 'highlight',
-        'align-center', 'align-left', 'align-right', 'bg-colors',
-        'bold', 'italic', 'underline',
-        'strikethrough', 'redo', 'undo', 'zoom-in', 'zoom-out',
-        'font-colors', 'font-size', 'line-height', 'colum-height', 'colum-width',
-        'dash', 'small-dash', 'sort-ascending', 'sort-descending',
-        'drag', 'ordered-list', 'radius-setting',
-    ],
-    data: [
-        'area-chart', 'pie-chart', 'bar-chart', 'dot-chart', 'line-chart',
-        'radar-chart', 'heat-map', 'fall', 'rise', 'stock', 'box-plot', 'fund',
-        'sliders',
-    ],
-    other: [
-        'lock', 'unlock', 'bars', 'book', 'calendar', 'cloud', 'cloud-download',
-        'code', 'copy', 'credit-card', 'delete', 'desktop',
-        'download', 'ellipsis', 'file', 'file-text',
-        'file-unknown', 'file-pdf', 'file-word', 'file-excel',
-        'file-jpg', 'file-ppt', 'file-markdown', 'file-add',
-        'folder', 'folder-open', 'folder-add', 'hdd', 'frown',
-        'meh', 'smile', 'inbox',
-        'laptop', 'appstore', 'link',
-        'mail', 'mobile', 'notification', 'paper-clip', 'picture',
-        'poweroff', 'reload', 'search', 'setting', 'share-alt',
-        'shopping-cart', 'tablet', 'tag', 'tags',
-        'to-top', 'upload', 'user', 'video-camera',
-        'home', 'loading', 'loading-3-quarters',
-        'cloud-upload',
-        'star', 'heart', 'environment',
-        'eye', 'camera', 'save', 'team',
-        'solution', 'phone', 'filter', 'exception', 'export',
-        'customer-service', 'qrcode', 'scan', 'like',
-        'dislike', 'message', 'pay-circle',
-        'calculator', 'pushpin',
-        'bulb', 'select', 'switcher', 'rocket', 'bell', 'disconnect',
-        'database', 'compass', 'barcode', 'hourglass', 'key',
-        'flag', 'layout', 'printer', 'sound', 'usb', 'skin', 'tool',
-        'sync', 'wifi', 'car', 'schedule', 'user-add', 'user-delete',
-        'usergroup-add', 'usergroup-delete', 'man', 'woman', 'shop',
-        'gift', 'idcard', 'medicine-box', 'red-envelope', 'coffee',
-        'copyright', 'trademark', 'safety', 'wallet', 'bank', 'trophy',
-        'contacts', 'global', 'shake', 'api', 'fork', 'dashboard',
-        'table', 'profile',
-        'alert', 'audit', 'batch-folding', 'branches',
-        'build', 'border', 'crown',
-        'experiment', 'fire',
-        'money-collect', 'property-safety', 'read', 'reconciliation',
-        'rest', 'security-scan', 'insurance', 'interation', 'safety-certificate',
-        'project', 'thunderbolt', 'block', 'cluster', 'deployment-unit',
-        'dollar', 'euro', 'pound', 'file-done', 'file-exclamation', 'file-protect',
-        'file-search', 'file-sync', 'gateway', 'gold', 'robot', 'shopping',
-    ],
-    logo: [
-        'android', 'apple', 'windows',
-        'ie', 'chrome', 'github', 'aliwangwang',
-        'dingding',
-        'weibo-square', 'weibo-circle', 'taobao-circle', 'html5',
-        'weibo', 'twitter', 'wechat', 'youtube', 'alipay-circle',
-        'taobao', 'skype', 'qq', 'medium-workmark', 'gitlab', 'medium',
-        'linkedin', 'google-plus', 'dropbox', 'facebook', 'codepen',
-        'amazon', 'google', 'codepen-circle', 'alipay', 'ant-design',
-        'aliyun', 'zhihu', 'slack', 'slack-square', 'behance',
-        'behance-square', 'dribbble', 'dribbble-square',
-        'instagram', 'yuque',
-        'alibaba', 'yahoo',
-    ],
-};