From 1e57317322b60376a29ced73b205205fe4364fb2 Mon Sep 17 00:00:00 2001
From: "Apple\\Apple" <zeraturing@foxmail.com>
Date: Mon, 26 May 2025 22:25:38 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(ui):=20Optimize=20icon=20a?=
 =?UTF-8?q?daptation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/ModelPricing.js | 5 +++--
 web/src/components/SiderBar.js     | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/web/src/components/ModelPricing.js b/web/src/components/ModelPricing.js
index 5e1fb1cf..39daa168 100644
--- a/web/src/components/ModelPricing.js
+++ b/web/src/components/ModelPricing.js
@@ -24,9 +24,10 @@ import {
   IconSearch,
   IconCopy,
   IconInfoCircle,
+  IconCrown,
 } from '@douyinfe/semi-icons';
 import { UserContext } from '../context/User/index.js';
-import { Settings, AlertCircle } from 'lucide-react';
+import { AlertCircle } from 'lucide-react';
 import { MODEL_CATEGORIES } from '../constants';
 
 const ModelPricing = () => {
@@ -507,7 +508,7 @@ const ModelPricing = () => {
                     <div className="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-4 lg:gap-6">
                       <div className="flex items-start">
                         <div className="w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-white/10 flex items-center justify-center mr-3 sm:mr-4">
-                          <Settings size={20} className="text-white" />
+                          <IconCrown size="large" className="text-white" />
                         </div>
                         <div className="flex-1 min-w-0">
                           <div className="text-base sm:text-lg font-semibold mb-1 sm:mb-2">
diff --git a/web/src/components/SiderBar.js b/web/src/components/SiderBar.js
index 801f5a2f..098e8d62 100644
--- a/web/src/components/SiderBar.js
+++ b/web/src/components/SiderBar.js
@@ -18,7 +18,7 @@ import {
   IconCalendarClock,
   IconChecklistStroked,
   IconComment,
-  IconCommentStroked,
+  IconTerminal,
   IconCreditCard,
   IconGift,
   IconHelpCircle,
@@ -252,7 +252,7 @@ const SiderBar = () => {
         text: 'Playground',
         itemKey: 'playground',
         to: '/playground',
-        icon: <IconCommentStroked />,
+        icon: <IconTerminal />,
       },
       {
         text: t('聊天'),