diff --git a/src/components/FontAwesomeIcon/index.vue b/src/components/FontAwesomeIcon/index.vue
index 89a7037..7aae758 100644
--- a/src/components/FontAwesomeIcon/index.vue
+++ b/src/components/FontAwesomeIcon/index.vue
@@ -12,6 +12,10 @@
   import { FontAwesomeIconProps } from '@/components/FontAwesomeIcon/props';
   const props = defineProps(FontAwesomeIconProps);
 
+  const emit = defineEmits<{
+    (e: 'click'): void;
+  }>();
+
   const singleBeat = props.beat && !props.fade;
   const singleFade = !props.beat && props.fade;
   const BeatFade = props.beat && props.fade;
@@ -108,15 +112,19 @@
     color: props.color,
     'font-size': props.size ? `${props.size}rpx` : false,
   });
+
+  const onClick = () => {
+    emit('click');
+  };
 </script>
 <template>
   <template v-if="props.stack">
-    <view class="icon-wrap" :class="wrapClassObject" :style="wrapStyleObject">
+    <view @click="onClick" class="icon-wrap" :class="wrapClassObject" :style="wrapStyleObject">
       <slot :stack="props.stack"></slot>
     </view>
   </template>
   <template v-else>
-    <view class="icon-wrap" :class="wrapClassObject" :style="wrapStyleObject">
+    <view @click="onClick" class="icon-wrap" :class="wrapClassObject" :style="wrapStyleObject">
       <text class="icon" :style="iconStyleObject" :class="iconClassObject" />
     </view>
   </template>
diff --git a/src/components/FontAwesomeIcon/props.ts b/src/components/FontAwesomeIcon/props.ts
index a8d72d5..142f6d3 100644
--- a/src/components/FontAwesomeIcon/props.ts
+++ b/src/components/FontAwesomeIcon/props.ts
@@ -7,7 +7,7 @@ export const FontAwesomeIconProps = {
   name: {
     type: String,
     default: 'default',
-    required: true,
+    // required: true,
   },
   /** icon 风格
    * 不同风格对应不同的css, 使用时请加载相应的css