diff --git a/packages/frontend/src/assets/cancel.svg b/packages/frontend/src/assets/cancel.svg
new file mode 100644
index 0000000..2478c18
--- /dev/null
+++ b/packages/frontend/src/assets/cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgba(255, 255, 255, 0.6)"><path d="m339-301.85 141-141 141 141L658.15-339l-141-141 141-141L621-658.15l-141 141-141-141L301.85-621l141 141-141 141L339-301.85ZM480.07-116q-74.84 0-141.21-28.42t-116.18-78.21q-49.81-49.79-78.25-116.13Q116-405.1 116-479.93q0-75.84 28.42-141.71t78.21-115.68q49.79-49.81 116.13-78.25Q405.1-844 479.93-844q75.84 0 141.71 28.42t115.68 78.21q49.81 49.79 78.25 115.63Q844-555.9 844-480.07q0 74.84-28.42 141.21t-78.21 116.18q-49.79 49.81-115.63 78.25Q555.9-116 480.07-116Zm-.07-52q130 0 221-91t91-221q0-130-91-221t-221-91q-130 0-221 91t-91 221q0 130 91 221t221 91Zm0-312Z"/></svg>
diff --git a/packages/frontend/src/pages/LaunchPad.vue b/packages/frontend/src/pages/LaunchPad.vue
index d1f0b21..d0daa61 100644
--- a/packages/frontend/src/pages/LaunchPad.vue
+++ b/packages/frontend/src/pages/LaunchPad.vue
@@ -21,11 +21,11 @@
 						<div class="search_input" v-if="searchVal.length <= 0 && isFocus">
 							{{ t('launch_input_placehoder') }}
 						</div>
-						<q-icon
-							class="search_clean cursor-pointer"
+						<img
 							v-if="searchVal.length > 0"
-							name="sym_r_cancel"
-							size="16px"
+							class="search_clean cursor-pointer"
+							src="../assets/cancel.svg"
+							style="width: 20px"
 							@click.stop="cleanSearchVal"
 						/>
 					</template>
diff --git a/packages/frontend/src/stores/notification.ts b/packages/frontend/src/stores/notification.ts
index be15c53..f6f6a2a 100644
--- a/packages/frontend/src/stores/notification.ts
+++ b/packages/frontend/src/stores/notification.ts
@@ -28,70 +28,60 @@ export const useNotificationStore = defineStore('notification', {
 				{
 					id: 1,
 					application: 'devBox',
-					icon: 'sym_r_cancel',
 					children: [
 						{
 							id: 1,
 							title: 'Trading information1',
 							message:
-								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.',
-							icon: 'sym_r_cancel'
+								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.'
 						},
 						{
 							id: 2,
 							title: 'Trading information2',
 							message:
-								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.',
-							icon: 'sym_r_cancel'
+								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.'
 						},
 						{
 							id: 3,
 							title: 'Trading information3',
 							message:
-								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.',
-							icon: 'sym_r_cancel'
+								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.'
 						}
 					]
 				},
 				{
 					id: 2,
 					application: 'Files',
-					icon: 'sym_r_cancel',
 					children: [
 						{
 							id: 1,
 							title: 'Trading information1',
 							message:
-								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.',
-							icon: 'sym_r_cancel'
+								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.'
 						},
 						{
 							id: 2,
 							title: 'Trading information2',
 							message:
-								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.',
-							icon: 'sym_r_cancel'
+								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.'
 						},
 						{
 							id: 3,
 							title: 'Trading information3',
 							message:
-								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.',
-							icon: 'sym_r_cancel'
+								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.'
 						}
 					]
 				},
 				{
 					id: 3,
 					application: 'Vault',
-					icon: 'sym_r_cancel',
 					children: [
 						{
 							id: 1,
 							title: 'Trading information1',
 							message:
-								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.',
-							icon: 'sym_r_cancel'
+								'Your transaction on Sep 6 was successful, please go to the Dapp to view the transaction detials.'
 						}
 					]
 				}