ThemedTitleV2

import { Refine } from "@refinedev/core";  
import { ThemedLayoutV2, ThemedTitleV2 } from "@refinedev/antd"; // replace "@refinedev/antd" with the UI library you're using
  
import { MyLargeIcon, MySmallIcon } from "./MyIcon";  
  
const App: React.FC = () => {  
 return (  
 <Refine  
 // ...  
 >  
 <ThemedLayoutV2  
 Title={({ collapsed }) => (  
 <ThemedTitleV2  
 // collapsed is a boolean value that indicates whether the <Sidebar> is collapsed or not  
 collapsed={collapsed}  
 icon={collapsed ? <MySmallIcon /> : <MyLargeIcon />}  
 text="My Project"  
 />  
 )}  
 >  
 {/* ... */}  
 </ThemedLayoutV2>  
 </Refine>  
 );  
};  

import { Refine } from "@refinedev/core";  
import { ThemedLayoutV2, ThemedTitleV2 } from "@refinedev/antd"; // replace "@refinedev/antd" with the UI library you're using
  
import { MyLargeIcon, MySmallIcon } from "./MyIcon";  
  
const App: React.FC = () => {  
 return (  
 <Refine  
 // ...  
 >  
 <ThemedLayoutV2  
 Title={({ collapsed }) => (  
 <ThemedTitleV2  
 // collapsed is a boolean value that indicates whether the <Sidebar> is collapsed or not  
 collapsed={collapsed}  
 icon={collapsed ? <MySmallIcon /> : <MyLargeIcon />}  
 text="My Project"  
 />  
 )}  
 >  
 {/* ... */}  
 </ThemedLayoutV2>  
 </Refine>  
 );  
};