diff --git a/frontend_nuxt/components/ReactionsGroup.vue b/frontend_nuxt/components/ReactionsGroup.vue
index d4f658e52..feeac2adf 100644
--- a/frontend_nuxt/components/ReactionsGroup.vue
+++ b/frontend_nuxt/components/ReactionsGroup.vue
@@ -19,8 +19,7 @@
           </div>
 
           <div class="reactions-viewer-item placeholder" @click="openPanel">
-            <face-without-mouth class="reactions-viewer-item-placeholder-icon" />
-            <!-- <span class="reactions-viewer-item-placeholder-text">点击以表态</span> -->
+            <sly-face-whit-smile class="reactions-viewer-item-placeholder-icon" />
           </div>
         </template>
         <template v-else-if="displayedReactions.length">
@@ -42,7 +41,7 @@
         class="make-reaction-item like-reaction"
         @click="toggleReaction('LIKE')"
       >
-        <i v-if="!userReacted('LIKE')" class="far fa-heart"></i>
+        <like v-if="!userReacted('LIKE')" />
         <i v-else class="fas fa-heart"></i>
         <span class="reactions-count" v-if="likeCount">{{ likeCount }}</span>
       </div>
diff --git a/frontend_nuxt/plugins/iconpark.client.ts b/frontend_nuxt/plugins/iconpark.client.ts
index 641410beb..6f697c87d 100644
--- a/frontend_nuxt/plugins/iconpark.client.ts
+++ b/frontend_nuxt/plugins/iconpark.client.ts
@@ -20,7 +20,8 @@ import {
   MoreOne,
   Comment,
   Link,
-  FaceWithoutMouth,
+  SlyFaceWhitSmile,
+  Like,
 } from '@icon-park/vue-next'
 
 export default defineNuxtPlugin((nuxtApp) => {
@@ -44,5 +45,6 @@ export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.component('MoreOne', MoreOne)
   nuxtApp.vueApp.component('CommentIcon', Comment)
   nuxtApp.vueApp.component('LinkIcon', Link)
-  nuxtApp.vueApp.component('FaceWithoutMouth', FaceWithoutMouth)
+  nuxtApp.vueApp.component('SlyFaceWhitSmile', SlyFaceWhitSmile)
+  nuxtApp.vueApp.component('Like', Like)
 })