diff --git a/client/ui/Avatar.jsx b/client/ui/Avatar.jsx
new file mode 100644
index 0000000..619410b
--- /dev/null
+++ b/client/ui/Avatar.jsx
@@ -0,0 +1,15 @@
+export default function Avatar({ src, text, icon = 'person', ...props } = {}) {
+    return (
+        src ? <mdui-avatar {...props}>
+            <img src={src} alt={'(头像)' + text || ''} />
+        </mdui-avatar>
+            : (
+                text ? <mdui-avatar {...props}>
+                    {
+                        text.substring(0, 0)
+                    }
+                </mdui-avatar>
+                    : <mdui-avatar icon={icon} {...props} />
+            )
+    )
+}