diff --git a/src/components/SiderMenu/BaseMenu.js b/src/components/SiderMenu/BaseMenu.js
index 2ad6113465994fe177114a41c3efd8dab45734ad..10a0eb768a84ba505e305a1e5672bc777f276134 100644
--- a/src/components/SiderMenu/BaseMenu.js
+++ b/src/components/SiderMenu/BaseMenu.js
@@ -15,7 +15,7 @@ const { SubMenu } = Menu;
 //   icon: <Icon type="setting" />,
 const getIcon = icon => {
   if (typeof icon === 'string' && isUrl(icon)) {
-    return <img src={icon} alt="icon" className={styles.icon} />;
+    return <Icon component={() => <img src={icon} alt="icon" className={styles.icon} />} />;
   }
   if (typeof icon === 'string') {
     return <Icon type={icon} />;
diff --git a/src/components/SiderMenu/index.less b/src/components/SiderMenu/index.less
index c08248d1c1da4af546b811a3a207e441700502a1..fc14cd26de7dafb274b1cdd074071a81b741ec66 100644
--- a/src/components/SiderMenu/index.less
+++ b/src/components/SiderMenu/index.less
@@ -66,8 +66,8 @@
 }
 
 .icon {
+  vertical-align: baseline;
   width: 14px;
-  margin-right: 10px;
 }
 
 :global {