feat: new icons (#5412)

web/app/components/custom/custom-web-app-brand/index.tsx

@@ -1,11 +1,13 @@
 import type { ChangeEvent } from 'react'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import {
+  RiLoader2Line,
+} from '@remixicon/react'
 import s from './style.module.css'
 import LogoSite from '@/app/components/base/logo/logo-site'
 import Switch from '@/app/components/base/switch'
 import Button from '@/app/components/base/button'
-import { Loading02 } from '@/app/components/base/icons/src/vender/line/general'
 import { MessageDotsCircle } from '@/app/components/base/icons/src/vender/solid/communication'
 import { ImagePlus } from '@/app/components/base/icons/src/vender/line/images'
 import { useProviderContext } from '@/context/provider-context'
@@ -183,7 +185,7 @@ const CustomWebAppBrand = () => {
                 className='relative mr-2 !h-8 !px-3 bg-white !text-[13px] opacity-40'
                 disabled={true}
               >
-                <Loading02 className='animate-spin mr-2 w-4 h-4' />
+                <RiLoader2Line className='animate-spin mr-2 w-4 h-4' />
                 {t('custom.uploading')}
               </Button>
             )