feat: new icons (#5412)

web/app/components/header/app-nav/index.tsx

@@ -6,9 +6,12 @@ import { useParams } from 'next/navigation'
 import useSWRInfinite from 'swr/infinite'
 import { flatten } from 'lodash-es'
 import produce from 'immer'
+import {
+  RiRobot2Fill,
+  RiRobot2Line,
+} from '@remixicon/react'
 import Nav from '../nav'
 import { type NavItem } from '../nav/nav-selector'
-import { Robot, RobotActive } from '../../base/icons/src/public/header-nav/studio'
 import { fetchAppList } from '@/service/apps'
 import CreateAppTemplateDialog from '@/app/components/app/create-app-dialog'
 import CreateAppModal from '@/app/components/app/create-app-modal'
@@ -112,8 +115,8 @@ const AppNav = () => {
     <>
       <Nav
         isApp
-        icon={<Robot className='w-4 h-4' />}
-        activeIcon={<RobotActive className='w-4 h-4' />}
+        icon={<RiRobot2Line className='w-4 h-4' />}
+        activeIcon={<RiRobot2Fill className='w-4 h-4' />}
         text={t('common.menus.apps')}
         activeSegment={['apps', 'app']}
         link='/apps'