diff --git a/src/components/Icon/Language/Es.vue b/src/components/Icon/Language/Es.vue
new file mode 100644
index 0000000..0522268
--- /dev/null
+++ b/src/components/Icon/Language/Es.vue
@@ -0,0 +1,9 @@
+<template>
+  <svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" class="arco-icon">
+    <path
+      d="M24.8,4H23.2A19.2,19.2,0,0,0,4,23.2v1.6A19.2,19.2,0,0,0,23.2,44h1.6A19.2,19.2,0,0,0,44,24.8V23.2A19.2,19.2,0,0,0,24.8,4ZM25,18H16v4h7.78v4H16v4h9v4H14.11A2.12,2.12,0,0,1,12,31.89V16.11A2.12,2.12,0,0,1,14.11,14H25ZM35.19,33.2a6.61,6.61,0,0,1-3.83,1,8.13,8.13,0,0,1-2.88-.46,4.19,4.19,0,0,1-1.89-1.27,2.94,2.94,0,0,1-.66-1.89v-.26a.27.27,0,0,1,.08-.19.26.26,0,0,1,.2-.08h3.13a.26.26,0,0,1,.2.08.27.27,0,0,1,.08.19.83.83,0,0,0,.48.73,2.33,2.33,0,0,0,1.23.29,2,2,0,0,0,1-.22.65.65,0,0,0,.39-.59.58.58,0,0,0-.41-.54A6.41,6.41,0,0,0,31,29.64,11.19,11.19,0,0,1,28.67,29a5.24,5.24,0,0,1-1.88-1.22,2.78,2.78,0,0,1-.7-2,3.37,3.37,0,0,1,1.41-2.86,5.92,5.92,0,0,1,3.69-1.06,7,7,0,0,1,2.73.5,4.25,4.25,0,0,1,1.82,1.4,3.51,3.51,0,0,1,.65,2.09.23.23,0,0,1-.09.19.25.25,0,0,1-.19.09h-3a.27.27,0,0,1-.2-.09.26.26,0,0,1-.08-.19.86.86,0,0,0-.41-.72,2,2,0,0,0-1.14-.28,2.27,2.27,0,0,0-1,.22.69.69,0,0,0-.41.62.59.59,0,0,0,.44.56,9.12,9.12,0,0,0,1.48.39c.9.18,1.53.33,1.88.44a5.57,5.57,0,0,1,2.24,1.25,2.83,2.83,0,0,1,.8,2.11A3.21,3.21,0,0,1,35.19,33.2Z"
+      fill="currentColor"
+      stroke="none"
+    />
+  </svg>
+</template>
diff --git a/src/components/Session/components/SessionAvatar.vue b/src/components/Session/components/SessionAvatar.vue
index c7cc990..2f58c60 100644
--- a/src/components/Session/components/SessionAvatar.vue
+++ b/src/components/Session/components/SessionAvatar.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { SessionData, RolePayload } from '@/types'
+import type { SessionData } from '@/types'
 
 defineProps<{ data: SessionData }>()
 const roleStore = useRoleStore()
diff --git a/src/components/Settings/components/General.vue b/src/components/Settings/components/General.vue
index b4f7208..6ae8875 100644
--- a/src/components/Settings/components/General.vue
+++ b/src/components/Settings/components/General.vue
@@ -26,7 +26,7 @@ const relaunch = () => {
           <icon-english-fill />
         </a-radio>
         <a-radio value="es">
-          <icon-english-fill />
+          <Es />
         </a-radio>
       </a-radio-group>
     </li>
diff --git a/src/constants/shared.ts b/src/constants/shared.ts
index bc9d09d..ed7b96b 100644
--- a/src/constants/shared.ts
+++ b/src/constants/shared.ts
@@ -19,4 +19,4 @@ export enum IMAGE_COST {
   '1024x1024' = 10000
 }
 
-export const SUPPORT_LANGUAGE = ['zh', 'en'] as const
+export const SUPPORT_LANGUAGE = ['zh', 'en', 'es'] as const