diff --git a/site/theme/template/IconDisplay/index.tsx b/site/theme/template/IconDisplay/index.tsx
new file mode 100644
index 0000000000..6ce36c22d9
--- /dev/null
+++ b/site/theme/template/IconDisplay/index.tsx
@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { ThemeType } from '../../../../components/icon';
+
+interface IconDisplayProps {
+  icons: Array<{ category: string, names: string[] }>;
+}
+
+interface IconDisplayState {
+  theme: ThemeType;
+}
+
+export default class IconDisplay extends React.Component<IconDisplayProps, IconDisplayState> {
+  state: IconDisplayState = {
+    theme: 'outlined',
+  };
+
+  render() {
+    // wip
+    return null;
+  }
+}