diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue
index 64336f16..1052e700 100644
--- a/src/components/IconSelect/index.vue
+++ b/src/components/IconSelect/index.vue
@@ -24,6 +24,15 @@
                 </template>
               </template>
               <template #suffix>
+                <!-- 清空按钮 -->
+                <el-icon
+                  v-if="selectedIcon"
+                  style="margin-right: 8px"
+                  @click.stop="clearSelectedIcon"
+                >
+                  <CircleClose />
+                </el-icon>
+
                 <el-icon
                   :style="{
                     transform: popoverVisible ? 'rotate(180deg)' : 'rotate(0)',
@@ -165,6 +174,13 @@ onClickOutside(iconSelectRef, () => (popoverVisible.value = false), {
   ignore: [popoverContentRef],
 });
 
+/**
+ * 清空已选图标
+ */
+function clearSelectedIcon() {
+  selectedIcon.value = "";
+}
+
 onMounted(() => {
   loadIcons();
   if (selectedIcon.value) {