diff --git a/.gitignore b/.gitignore
index d152ac61..ceda7a4f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,6 @@
locales
.vercel
+.DS_Store
# Logs
logs
diff --git a/web/assets/images/logo.svg b/web/assets/images/logo.svg
new file mode 100644
index 00000000..b2c7ed9f
--- /dev/null
+++ b/web/assets/images/logo.svg
@@ -0,0 +1,17 @@
+
diff --git a/web/src/components/modals/SettingsView/About.tsx b/web/src/components/modals/SettingsView/About.tsx
index bc9adb0f..27397fb4 100644
--- a/web/src/components/modals/SettingsView/About.tsx
+++ b/web/src/components/modals/SettingsView/About.tsx
@@ -1,12 +1,20 @@
import { Typography } from 'antd';
import React from 'react';
import { version } from 'tailchat-shared';
+import logoUrl from '@assets/images/logo.svg';
const { Paragraph, Text } = Typography;
export const SettingsAbout: React.FC = React.memo(() => {
return (
+
+
TailChat
: 属于所有人的开源聊天工具
diff --git a/web/webpack.config.ts b/web/webpack.config.ts
index 09d38c18..23ba6ade 100644
--- a/web/webpack.config.ts
+++ b/web/webpack.config.ts
@@ -123,6 +123,7 @@ const config: Configuration = {
title: 'TailChat',
inject: true,
hash: true,
+ favicon: path.resolve(ROOT_PATH, './assets/images/logo.svg'),
template: path.resolve(ROOT_PATH, './assets/template.html'),
preloadImage: `data:image/svg+xml;base64,${Buffer.from(
fs.readFileSync(path.resolve(ROOT_PATH, './assets/images/ripple.svg'), {