diff --git a/frontend/src/views/home/app/index.vue b/frontend/src/views/home/app/index.vue
index 1a44d1fc9954..8551908e265e 100644
--- a/frontend/src/views/home/app/index.vue
+++ b/frontend/src/views/home/app/index.vue
@@ -27,7 +27,7 @@
                     <div class="h-app-card" v-for="(app, index) in apps" :key="index">
                         <el-row :gutter="5">
                             <el-col :span="5">
-                                <el-avatar shape="square" :size="55" :src="'data:image/png;base64,' + app.icon" />
+                                <el-avatar shape="square" :size="55" :src="getAppIconSrc(app)" />
                             </el-col>
                             <el-col :span="16">
                                 <div class="h-app-content" v-if="!app.currentRow">
@@ -179,7 +179,7 @@
 </template>
 
 <script lang="ts" setup>
-import { installedOp } from '@/api/modules/app';
+import { getAppIconUrl, installedOp } from '@/api/modules/app';
 import { getAgentSettingByKey } from '@/api/modules/setting';
 import { changeLauncherStatus, loadAppLauncher, loadAppLauncherOption } from '@/api/modules/dashboard';
 import i18n from '@/lang';
@@ -291,6 +291,14 @@ const loadOption = async () => {
     options.value = res.data || [];
 };
 
+const getAppIconSrc = (app: any) => {
+    const icon = app?.icon || '';
+    if (icon.startsWith('app_') || icon === '') {
+        return getAppIconUrl(app.key);
+    }
+    return `data:image/png;base64,${icon}`;
+};
+
 defineExpose({
     acceptParams,
 });