diff --git a/ui/README.md b/ui/README.md
index 82278eb20eb..75266c37e10 100644
--- a/ui/README.md
+++ b/ui/README.md
@@ -47,6 +47,7 @@ Vue](https://github.com/sendya/ant-design-pro-vue).
 - [vue-cropper](https://github.com/xyxiao001/vue-cropper) - Picture edit
 - [@antv/g2](https://antv.alipay.com/zh-cn/index.html) - AntV G2
 - [Viser-vue](https://viserjs.github.io/docs.html#/viser/guide/installation)  - Antv/G2 of Vue
+- [Fontawesome](https://github.com/FortAwesome/vue-fontawesome)
 
 ### Other
 
diff --git a/ui/src/components/CloudMonkey/Resource.vue b/ui/src/components/CloudMonkey/Resource.vue
index 1dc6188fab9..5b91d0abfbc 100644
--- a/ui/src/components/CloudMonkey/Resource.vue
+++ b/ui/src/components/CloudMonkey/Resource.vue
@@ -1,5 +1,16 @@
 <template>
   <div style="margin-top: 16px">
+
+    <font-awesome-icon :icon="['far', 'bell']" />
+    <font-awesome-icon :icon="['fas', 'dharmachakra']" size='2x' />
+    <font-awesome-icon :icon="['fab', 'ubuntu']" />
+    <font-awesome-icon :icon="['fab', 'ubuntu']" size="lg" />
+    <font-awesome-icon :icon="['fab', 'ubuntu']" size="2x" />
+    <font-awesome-icon :icon="['fab', 'centos']" size="4x" />
+    <font-awesome-icon icon="coffee" />
+
+
+
     <a-row>
       <a-col :span="16">
         <a-button