diff --git a/client/components/Header/Header.js b/client/components/Header/Header.js
index d7ae2071..36890db7 100644
--- a/client/components/Header/Header.js
+++ b/client/components/Header/Header.js
@@ -9,6 +9,7 @@ import { changeMenuItem } from '../../reducer/modules/menu'
 import { withRouter } from 'react-router';
 import Srch from './Search/Search'
 const { Header } = Layout;
+import { logoSVG } from '../../common.js';
 
 const MenuUser = (props) => (
   <Menu className="user-menu" >
@@ -166,7 +167,7 @@ export default class HeaderCom extends Component {
         <div className="content g-row">
           <div className="logo">
             <Link to="/group" onClick={this.relieveLink} className="href">
-              <img className="img" src="/image/logo_header@1x.png" /><span className="logo-name">YAPI<span className="ui-badge"></span></span>
+              <span className="img">{logoSVG('32px')}</span><span className="logo-name">YAPI<span className="ui-badge"></span></span>
             </Link>
           </div>
           <div className="user-toolbar">
diff --git a/client/components/Header/Header.scss b/client/components/Header/Header.scss
index c3446dfa..f8db2105 100644
--- a/client/components/Header/Header.scss
+++ b/client/components/Header/Header.scss
@@ -28,7 +28,7 @@
       position: absolute;
       left: 0;
       top: 50%;
-      transform: translateY(-56%);
+      transform: translateY(-17px);
     }
     .ui-badge {
       position: absolute;