diff --git a/src/components/features/ChatHeader.tsx b/src/components/features/ChatHeader.tsx
index f711fdb..9584b0d 100644
--- a/src/components/features/ChatHeader.tsx
+++ b/src/components/features/ChatHeader.tsx
@@ -3,6 +3,7 @@
 import { useState, useRef, useEffect } from 'react';
 import { ChevronDown, Check, Bot } from 'lucide-react';
 import { cn } from '@/lib/utils';
+import { IconRenderer } from '@/components/ui/IconRenderer';
 
 interface Assistant {
   id: number;
@@ -82,7 +83,12 @@ export function ChatHeaderInfo({
       <div className="flex items-center gap-1.5 text-[var(--color-text-secondary)]">
         {assistant ? (
           <>
-            <span className="text-base">{assistant.icon || '🤖'}</span>
+            <IconRenderer
+              icon={assistant.icon}
+              size={16}
+              fallback="Bot"
+              className="text-[var(--color-primary)]"
+            />
             <span className="font-medium">{assistant.name}</span>
           </>
         ) : (