diff --git a/components/TopicCard/TopicCard.vue b/components/TopicCard/TopicCard.vue
index 7ddfe32..d279838 100644
--- a/components/TopicCard/TopicCard.vue
+++ b/components/TopicCard/TopicCard.vue
@@ -23,7 +23,13 @@
         :key="item.id"
         @tap="handleItemTap(item.id)"
       >
-        <text class="rank-num" :class="'rank-' + (index + 1)">{{ index + 1 }}</text>
+        <image
+          v-if="index < 3"
+          class="rank-icon"
+          :src="`/static/images/icon/${index + 1}.png`"
+          mode="aspectFit"
+        />
+        <text v-else class="rank-num" :class="'rank-' + (index + 1)">{{ index + 1 }}</text>
         <image class="item-avatar" :src="FILE_BASE_URL + item.avatarUrl" mode="aspectFill"></image>
         <text class="item-name">{{ item.name }}</text>
         <text class="item-score" :class="'score-' + (index + 1)">{{ item.scoreAvg }}</text>
@@ -152,6 +158,13 @@ const handleItemTap = (itemId) => {
   font-style: italic;
 }
 
+.rank-icon {
+  width: 44rpx;
+  height: 44rpx;
+  margin-right: 16rpx;
+  flex-shrink: 0;
+}
+
 .rank-1 {
   color: #2953ff;
   font-size: 40rpx;
@@ -244,4 +257,4 @@ const handleItemTap = (itemId) => {
   font-size: 22rpx;
   font-weight: 500;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/static/images/icon/1.png b/static/images/icon/1.png
new file mode 100644
index 0000000..68d5853
Binary files /dev/null and b/static/images/icon/1.png differ
diff --git a/static/images/icon/2.png b/static/images/icon/2.png
new file mode 100644
index 0000000..3c5ff78
Binary files /dev/null and b/static/images/icon/2.png differ
diff --git a/static/images/icon/3.png b/static/images/icon/3.png
new file mode 100644
index 0000000..c23933a
Binary files /dev/null and b/static/images/icon/3.png differ