diff --git a/web/src/assets/svg/llm/grok.svg b/web/src/assets/svg/llm/grok.svg
new file mode 100644
index 000000000..9201bbc9f
--- /dev/null
+++ b/web/src/assets/svg/llm/grok.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px"><path d="M18.542 30.532l15.956-11.776c.783-.576 1.902-.354 2.274.545 1.962 4.728 1.084 10.411-2.819 14.315-3.903 3.901-9.333 4.756-14.299 2.808l-5.423 2.511c7.778 5.315 17.224 4 23.125-1.903 4.682-4.679 6.131-11.058 4.775-16.812l.011.011c-1.966-8.452.482-11.829 5.501-18.735C47.759 1.332 47.88 1.166 48 1l-6.602 6.599V7.577l-22.86 22.958M15.248 33.392c-5.582-5.329-4.619-13.579.142-18.339 3.521-3.522 9.294-4.958 14.331-2.847l5.412-2.497c-.974-.704-2.224-1.46-3.659-1.994-6.478-2.666-14.238-1.34-19.505 3.922C6.904 16.701 5.31 24.488 8.045 31.133c2.044 4.965-1.307 8.48-4.682 12.023C2.164 44.411.967 45.67 0 47l15.241-13.608"/></svg>
\ No newline at end of file
diff --git a/web/src/assets/svg/llm/xai.svg b/web/src/assets/svg/llm/xai.svg
new file mode 100644
index 000000000..a6808fb67
--- /dev/null
+++ b/web/src/assets/svg/llm/xai.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px" fill-rule="evenodd" clip-rule="evenodd" baseProfile="basic"><polygon fill="#212121" fill-rule="evenodd" points="24.032,28.919 40.145,5.989 33.145,5.989 20.518,23.958" clip-rule="evenodd"/><polygon fill="#212121" fill-rule="evenodd" points="14.591,32.393 7.145,42.989 14.145,42.989 18.105,37.354" clip-rule="evenodd"/><polygon fill="#212121" fill-rule="evenodd" points="14.547,18.989 7.547,18.989 24.547,42.989 31.547,42.989" clip-rule="evenodd"/><polygon fill="#212121" fill-rule="evenodd" points="35,16.789 35,43 41,43 41,8.251" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/src/constants/llm.ts b/web/src/constants/llm.ts
index 63469b969..172c136e5 100644
--- a/web/src/constants/llm.ts
+++ b/web/src/constants/llm.ts
@@ -52,6 +52,8 @@ export enum LLMFactory {
   GiteeAI = 'GiteeAI',
   Ai302 = '302.AI',
   DeepInfra = 'DeepInfra',
+  Grok = 'Grok',
+  XAI = 'xAI',
 }
 
 // Please lowercase the file name
@@ -109,4 +111,6 @@ export const IconMap = {
   [LLMFactory.GiteeAI]: 'gitee-ai',
   [LLMFactory.Ai302]: 'ai302',
   [LLMFactory.DeepInfra]: 'deepinfra',
+  [LLMFactory.Grok]: 'grok',
+  [LLMFactory.XAI]: 'xai',
 };