diff --git a/packages/plugins/@hera/plugin-mobile/src/client/assets/svg/index.tsx b/packages/plugins/@hera/plugin-mobile/src/client/assets/svg/index.tsx
index a227b73fd..f8900f6c8 100644
--- a/packages/plugins/@hera/plugin-mobile/src/client/assets/svg/index.tsx
+++ b/packages/plugins/@hera/plugin-mobile/src/client/assets/svg/index.tsx
@@ -5,9 +5,12 @@ import NoticeSvg from './notice.svg';
 import SwiperSvg from './swiper.svg';
 import TabSearchSvg from './tab-search.svg';
 
-export const loadBase64Icon = (base64: string) => () => (
-  <div dangerouslySetInnerHTML={{ __html: atob(base64.replace('data:image/svg+xml;base64,', '')) }} />
-);
+let convert = (encoded: string) => decodeURI(encoded).replace('data:image/svg+xml,', '');
+if (process.env.NODE_ENV !== 'production') {
+  convert = (encoded: string) => atob(encoded.replace('data:image/svg+xml;base64,', ''));
+}
+
+export const loadBase64Icon = (encoded: string) => () => <div dangerouslySetInnerHTML={{ __html: convert(encoded) }} />;
 
 export const NoticeIcon = (props: any) => <Icon component={loadBase64Icon(NoticeSvg)} {...props} />;
 export const SwiperIcon = (props: any) => <Icon component={loadBase64Icon(SwiperSvg)} {...props} />;