diff --git a/components/TopicCard/TopicCard.vue b/components/TopicCard/TopicCard.vue
index d279838..3a673d2 100644
--- a/components/TopicCard/TopicCard.vue
+++ b/components/TopicCard/TopicCard.vue
@@ -5,11 +5,11 @@
       <text class="topic-title">{{ topic.title }}</text>
       <view class="topic-stats">
         <view class="stat-item">
-          <text class="stat-icon icon-group"></text>
+          <image class="stat-icon stat-icon-img" src="/static/images/icon/group.png" mode="aspectFit"></image>
           <text>{{ topic.participantCount }}人参与</text>
         </view>
         <view class="stat-item heat">
-          <text class="stat-icon icon-fire"></text>
+          <image class="stat-icon stat-icon-img" src="/static/images/icon/fire.png" mode="aspectFit"></image>
           <text>热度 {{ topic.hotScore }} w</text>
         </view>
       </view>
@@ -123,6 +123,10 @@ const handleItemTap = (itemId) => {
   background-size: cover;
 }
 
+.stat-icon-img {
+  flex-shrink: 0;
+}
+
 .icon-group {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999999'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
 }
diff --git a/static/images/icon/fire.png b/static/images/icon/fire.png
new file mode 100644
index 0000000..741cfd2
Binary files /dev/null and b/static/images/icon/fire.png differ
diff --git a/static/images/icon/group.png b/static/images/icon/group.png
new file mode 100644
index 0000000..4e28134
Binary files /dev/null and b/static/images/icon/group.png differ