diff --git a/fis-conf.js b/fis-conf.js
index 71ea83e07..5768b665e 100644
--- a/fis-conf.js
+++ b/fis-conf.js
@@ -318,6 +318,13 @@ if (fis.project.currentMedia() === 'publish') {
             return fis.util.md5('amis-sdk' + path);
         },
     });
+    
+    env.match('/src/icons/**.svg', {
+        optimizer: fis.plugin('uglify-js'),
+        moduleId: function (m, path) {
+            return fis.util.md5('amis-sdk' + path);
+        },
+    });
 
     env.match('src/components/Editor.tsx', {
         release: '/ide.js'
diff --git a/src/renderers/Audio.tsx b/src/renderers/Audio.tsx
index 3a7a676d4..ce3a21a10 100644
--- a/src/renderers/Audio.tsx
+++ b/src/renderers/Audio.tsx
@@ -370,7 +370,7 @@ export class Audio extends React.Component<AudioProps, AudioState> {
                     <div
                         className={cx('Audio-volumeControlIcon')}
                         onClick={this.handleMute}>
-                        {volume > 0 ? <Icon icon="volumn" className="icon" /> : <Icon icon="mute" className="icon" />}
+                        {volume > 0 ? <Icon icon="volume" className="icon" /> : <Icon icon="mute" className="icon" />}
                     </div>
                     <input
                         type='range' min={0} max={1} step='any'
@@ -381,7 +381,7 @@ export class Audio extends React.Component<AudioProps, AudioState> {
                 <div
                     className={cx('Audio-volume')}
                     onMouseEnter={() => this.toggleHandleVolume(true)}>
-                    {volume > 0 ? <Icon icon="volumn" className="icon" /> : <Icon icon="mute" className="icon" />}
+                    {volume > 0 ? <Icon icon="volume" className="icon" /> : <Icon icon="mute" className="icon" />}
                 </div>
             )
         )