diff --git a/web/src/components/modals/GroupInvite.tsx b/web/src/components/modals/GroupInvite.tsx
index 74be7f32..592eaac9 100644
--- a/web/src/components/modals/GroupInvite.tsx
+++ b/web/src/components/modals/GroupInvite.tsx
@@ -1,3 +1,4 @@
+import { Icon } from '@iconify/react';
 import { Button, Typography } from 'antd';
 import React, { useState } from 'react';
 import {
@@ -48,6 +49,11 @@ export const GroupInvite: React.FC<GroupInviteProps> = React.memo((props) => {
 
       <Divider>或者创建链接并发送给外部好友</Divider> */}
 
+      <Icon
+        className="text-6xl block m-auto opacity-30 mb-4 mt-2"
+        icon="mdi-email-edit-outline"
+      />
+
       <div className="text-gray-400 font-bold text-lg mb-2">
         创建链接并发送给外部好友
       </div>