diff --git a/media/css/seahub.css b/media/css/seahub.css
index 47950a0ace..e5771e1af5 100644
--- a/media/css/seahub.css
+++ b/media/css/seahub.css
@@ -192,6 +192,10 @@
 .sf2-icon-admin-log:before { content: "\e02e"; }
 .sf2-icon-info:before { content: "\e02f"; }
 .sf2-icon-logout:before { content: "\e030"; }
+.sf2-icon-menu:before { content: "\e031"; }
+.sf2-icon-more:before { content: "\e032"; }
+.sf2-icon-plus2:before { content: "\e033"; }
+.sf2-icon-upload:before { content: "\e034"; }
 
 /******* tags **********/
 html, body {
@@ -1986,7 +1990,7 @@ button.sf-dropdown-toggle:focus {
 }
 @media (max-width:767px) {
     .cur-view-toolbar {
-        margin-top:8px;
+        margin-top:6px;
     }
     .cur-view-toolbar .mobile-icon {
         color:#999;
@@ -2026,7 +2030,7 @@ button.sf-dropdown-toggle:focus {
 }
 @media (max-width: 390px) {
     #logout-icon {
-        margin-left:8px;
+        margin-left:10px;
     }
 }
 
@@ -2115,7 +2119,6 @@ button.sf-dropdown-toggle:focus {
         font-size:22px;
         line-height:1;
         color:#999;
-        padding:0 8px;
         margin-top:8px;
     }
 }
diff --git a/media/css/sf_font2/seafile-font2.eot b/media/css/sf_font2/seafile-font2.eot
index 66fd52b3cf..48a9fe2c21 100644
Binary files a/media/css/sf_font2/seafile-font2.eot and b/media/css/sf_font2/seafile-font2.eot differ
diff --git a/media/css/sf_font2/seafile-font2.svg b/media/css/sf_font2/seafile-font2.svg
index aa671de611..cbf012acd0 100644
--- a/media/css/sf_font2/seafile-font2.svg
+++ b/media/css/sf_font2/seafile-font2.svg
@@ -38,10 +38,8 @@
 <glyph glyph-name="deletefix" unicode="&#57350;" d="M309 469l-106 0 0-42 106 0z m-234-64l0-42 362 0 0 42z m42-362l278 0 0 298-278 0z"/>
 <glyph glyph-name="downloadfix" unicode="&#57352;" d="M395 245l-107 0 0 214-64 0 0-214-107 0 139-117z m-320-149l0-43 362 0 0 43z"/>
 <glyph glyph-name="sharefix01" unicode="&#57361;" d="M380 448c-37 0-64-28-64-64 0-36 27-64 64-64 36 0 64 28 64 64 0 36-28 64-64 64z m-248-128c-36 0-64-28-64-64 0-36 28-64 64-64 37 0 64 28 64 64 0 36-27 64-64 64z m248-128c-37 0-64-28-64-64 0-36 27-64 64-64 36 0 64 28 64 64 0 36-28 64-64 64z m-86 131l-72-36-21 42 73 36z m-9-166l-75 30 17 44 76-30z"/>
-<glyph glyph-name="02" unicode="&#57372;" d="M256 499c-134 0-243-109-243-243 0-134 109-243 243-243 134 0 243 109 243 243 0 134-109 243-243 243z m128-286l-256 0c-15 0-28 17-28 32-2 15 11 32 28 32l256 0c15 0 28-17 28-32 2-15-11-32-28-32z m0 0"/>
 <glyph glyph-name="03" unicode="&#57373;" d="M256 501c-134 0-245-111-245-245 0-134 108-245 245-245 137 0 245 111 245 245 0 134-111 245-245 245z m111-315c11-11 11-30 0-41-11-11-30-11-41 0l-70 70-70-70c-11-11-30-11-41 0-11 11-11 30 0 41l70 70-72 73c-13 12-13 29 0 40 11 11 30 11 40 0l71-70 70 70c11 11 30 11 41 0 10-11 10-30 0-40l-71-71z m0 0"/>
 <glyph glyph-name="04" unicode="&#57374;" d="M190 87l-164 182 27 23 137-151 269 284 27-24z m0 0"/>
-<glyph glyph-name="01" unicode="&#57378;" d="M223 130c0 21 7 38 19 54-2 5-2 7-2 11 0 17 7 28 16 40-14 2-30 2-47 2-107 0-193-46-193-102 0-56 96-72 96-72 42-14 107-16 158-9-28 18-47 46-47 76z m-4 70c0 0 0-2 0-5-12-16-19-37-19-58 0-23 7-42 19-60-37-3-75 2-100 11l-3 0c-16 3-76 19-76 49 0 38 69 79 169 79 5 0 7 0 12 3-2-7-2-12-2-19z m4 291l-28 0c-46 0-83-37-83-84l0-58c0-49 39-86 88-86l19 0c49 0 88 40 88 86l0 58c0 47-37 84-84 84z m63-142c0-35-30-63-65-63l-19 0c-37 0-65 28-65 63l0 58c0 33 26 61 58 61l31 0c32 0 60-28 60-61z m84-328c-19 0-35 16-35 35l0 2c-2 3-2 3-5 3l-2-3c-14-14-35-14-49 0-14 14-14 35 0 49l3 2c0 3 0 3-3 5-18 0-35 16-35 35 0 19 17 35 35 35l3 0c0 0 2 2 2 5l-2 2c-14 14-14 35 0 49 14 14 35 14 48 0l3-3c2 0 2 0 4 3l0 2c0 19 17 35 35 35 19 0 35-16 35-35l0-2c3-3 3-3 5-3l2 3c14 14 35 14 49 0 14-14 14-35 0-49l-7-5c0-2 0-2 2-4l3 0c18 0 35-17 35-35 0-19-17-35-35-35l-3 0c-2-3-2-3-2-5l2-2c14-14 14-35 0-49-13-14-34-14-48 0l-3 2c-2 0-2 0-4-2l0-2c2-17-14-33-33-33z m-44 67l7-4c4-3 9-5 16-7l9-3 0-18c0-7 5-12 12-12 7 0 12 5 12 12l0 18 9 3c5 2 12 4 16 7l7 4 14-14c5-4 12-4 17 0 4 5 4 12 0 17l-14 14 4 7c3 4 5 9 7 16l3 9 18 0c7 0 12 5 12 12 0 7-5 12-12 12l-21 0-2 9c-2 5-5 12-7 16l-5 7 14 14c5 5 5 12 0 16-4 5-11 5-16 0l-16-16-5 2c-5 3-9 5-16 7l-10 3 0 18c0 7-4 12-11 12-7 0-12-5-12-12l0-18-7-3c-5-2-12-4-16-7l-7-2-14 14c-5 5-12 5-16 0-5-5-5-12 0-16l14-14-5-7c-2-5-5-9-7-16l-2-10-17 0c-7 0-11-4-11-11 0-7 4-12 11-12l19 0 2-9c3-5 5-12 7-17l5-7-14-14c-5-4-5-11 0-16 5-5 12-5 16 0z m44 17c-23 0-42 18-42 42 0 23 19 42 42 42 23 0 42-19 42-42 0-24-19-42-42-42z m0 60c-9 0-19-9-19-18 0-10 10-19 19-19 9 0 19 9 19 19 0 9-10 18-19 18z"/>
 <glyph glyph-name="04-1" unicode="&#57379;" d="M254 440c97 0 184-72 184-156 0-84-84-156-184-156-17 0-33 2-49 5-3 0-3 0-5 0-11 0-18-5-25-14-14-26-42-42-68-45 5 14 14 35 14 56 0 26-9 47-14 59 0 2-2 2-2 4-19 26-31 58-31 89 0 32 14 72 42 97 35 38 84 61 138 61m0 28c-117 0-212-84-210-186 0-42 14-80 40-107 4-12 11-26 11-47 0-23-18-56-18-56-7-5-7-11-5-16 5-2 7-9 14-9 2 0 9-3 19-3 39 0 74 23 95 58 16-2 33-4 56-4 116 0 212 84 212 186 0 102-96 184-214 184z"/>
 <glyph glyph-name="021" unicode="&#57380;" d="M254 44l-180 56c-11 5-18 19-18 30l0 317c0 14 14 25 28 21l170-49 179 49c2 0 5 0 7 0 11 0 21-10 21-21l0-317c0-11-7-25-19-30z m-177 401l0-315c0-2 2-7 4-7l173-53 179 56c0 0 2 4 2 7l0 312-181-49z m165-38l23 0 0-349-23 0z"/>
 <glyph glyph-name="grid-view" unicode="&#57381;" d="M28 228l200 0 0-171-200 0z m256 0l200 0 0-171-200 0z m-256 227l200 0 0-171-200 0z m256 0l200 0 0-171-200 0z"/>
@@ -56,4 +54,10 @@
 <glyph glyph-name="fixed02" unicode="&#57390;" d="M345 213c-2 0-4 0-5 0-11-73-64-131-133-145 23-5 64-5 136-5 147 0 167 0 167 43 2 60-73 107-165 107z m0 238c-40 0-74-29-82-69 48-30 78-85 78-146 0 0 0-2 0-2 2 0 2 0 4 0 53 0 83 82 83 130 0 47-37 87-83 87z m-314-151c-9-20-14-42-14-64 0-86 68-156 152-156 84 0 152 70 152 156 0 85-68 155-152 155-9 0-17 0-26-2l-3-48c8 2 19 4 27 4 58 0 106-50 106-109 0-60-48-110-106-110-58 0-106 50-106 110 0 13 4 29 9 40l15-8c9-5 16 0 16 8l5 105c0 10-5 13-14 8l-83-56c-9-5-9-14 0-19z m133-3c-5 0-9-3-9-9l0-68 55-56c3-4 5-4 2 2l-28 54c0 26 0 68 0 68 0 6-3 9-8 9z"/>
 <glyph glyph-name="info" unicode="&#57391;" d="M256 21c-130 0-235 105-235 235 0 130 105 235 235 235 130 0 235-105 235-235 0-130-105-235-235-235z m-21 278l0-171 42 0 0 171z m21 42c12 0 21 10 21 22 0 11-9 21-21 21-12 0-21-10-21-21 0-12 9-22 21-22z"/>
 <glyph glyph-name="logout" unicode="&#57392;" d="M410 274l-42 42c-7 7-7 19 0 26 7 7 19 7 26 0l73-73c7-7 7-19 0-26l-73-73c-7-7-19-7-26 0-7 7-7 19 0 26l42 42-151 0c-10 0-18 8-18 18 0 10 8 18 18 18z m-24 133c7-7 7-19 0-26-8-7-19-7-26 0-69 69-181 69-250 0-69-69-69-181 0-250 69-69 181-69 250 0 7 7 18 7 26 0 7-7 7-19 0-26-84-83-219-83-302 0-83 83-83 219 0 302 83 83 218 83 302 0z"/>
+<glyph glyph-name="02" unicode="&#57372;" d="M256 499c-134 0-243-109-243-243 0-134 109-243 243-243 134 0 243 109 243 243 0 134-109 243-243 243z m128-286l-256 0c-15 0-28 17-28 32-2 15 11 32 28 32l256 0c15 0 28-17 28-32 2-15-11-32-28-32z m0 0"/>
+<glyph glyph-name="01" unicode="&#57378;" d="M223 130c0 21 7 38 19 54-2 5-2 7-2 11 0 17 7 28 16 40-14 2-30 2-47 2-107 0-193-46-193-102 0-56 96-72 96-72 42-14 107-16 158-9-28 18-47 46-47 76z m-4 70c0 0 0-2 0-5-12-16-19-37-19-58 0-23 7-42 19-60-37-3-75 2-100 11l-3 0c-16 3-76 19-76 49 0 38 69 79 169 79 5 0 7 0 12 3-2-7-2-12-2-19z m4 291l-28 0c-46 0-83-37-83-84l0-58c0-49 39-86 88-86l19 0c49 0 88 40 88 86l0 58c0 47-37 84-84 84z m63-142c0-35-30-63-65-63l-19 0c-37 0-65 28-65 63l0 58c0 33 26 61 58 61l31 0c32 0 60-28 60-61z m84-328c-19 0-35 16-35 35l0 2c-2 3-2 3-5 3l-2-3c-14-14-35-14-49 0-14 14-14 35 0 49l3 2c0 3 0 3-3 5-18 0-35 16-35 35 0 19 17 35 35 35l3 0c0 0 2 2 2 5l-2 2c-14 14-14 35 0 49 14 14 35 14 48 0l3-3c2 0 2 0 4 3l0 2c0 19 17 35 35 35 19 0 35-16 35-35l0-2c3-3 3-3 5-3l2 3c14 14 35 14 49 0 14-14 14-35 0-49l-7-5c0-2 0-2 2-4l3 0c18 0 35-17 35-35 0-19-17-35-35-35l-3 0c-2-3-2-3-2-5l2-2c14-14 14-35 0-49-13-14-34-14-48 0l-3 2c-2 0-2 0-4-2l0-2c2-17-14-33-33-33z m-44 67l7-4c4-3 9-5 16-7l9-3 0-18c0-7 5-12 12-12 7 0 12 5 12 12l0 18 9 3c5 2 12 4 16 7l7 4 14-14c5-4 12-4 17 0 4 5 4 12 0 17l-14 14 4 7c3 4 5 9 7 16l3 9 18 0c7 0 12 5 12 12 0 7-5 12-12 12l-21 0-2 9c-2 5-5 12-7 16l-5 7 14 14c5 5 5 12 0 16-4 5-11 5-16 0l-16-16-5 2c-5 3-9 5-16 7l-10 3 0 18c0 7-4 12-11 12-7 0-12-5-12-12l0-18-7-3c-5-2-12-4-16-7l-7-2-14 14c-5 5-12 5-16 0-5-5-5-12 0-16l14-14-5-7c-2-5-5-9-7-16l-2-10-17 0c-7 0-11-4-11-11 0-7 4-12 11-12l19 0 2-9c3-5 5-12 7-17l5-7-14-14c-5-4-5-11 0-16 5-5 12-5 16 0z m44 17c-23 0-42 18-42 42 0 23 19 42 42 42 23 0 42-19 42-42 0-24-19-42-42-42z m0 60c-9 0-19-9-19-18 0-10 10-19 19-19 9 0 19 9 19 19 0 9-10 18-19 18z"/>
+<glyph glyph-name="menu-new" unicode="&#57393;" d="M85 405l342 0 0-64-342 0z m0-128l342 0 0-64-342 0z m0-128l342 0 0-64-342 0z"/>
+<glyph glyph-name="more" unicode="&#57394;" d="M267 341c-30 0-54 24-54 54 0 29 24 53 54 53 29 0 53-24 53-53 0-30-24-54-53-54z m0-149c-30 0-54 24-54 53 0 30 24 54 54 54 29 0 53-24 53-54 0-29-24-53-53-53z m0-149c-30 0-54 24-54 53 0 29 24 53 54 53 29 0 53-24 53-53 0-29-24-53-53-53z"/>
+<glyph glyph-name="plus" unicode="&#57395;" d="M235 277l0 150 64 0 0-150 149 0 0-64-149 0 0-149-64 0 0 149-150 0 0 64z"/>
+<glyph glyph-name="upload-new" unicode="&#57396;" d="M128 341l139 107 138-107-106 0 0-192-64 0 0 192z m-43-234l363 0 0-43-363 0z"/>
 </font></defs></svg>
diff --git a/media/css/sf_font2/seafile-font2.ttf b/media/css/sf_font2/seafile-font2.ttf
index 117c4061a3..76085179f9 100644
Binary files a/media/css/sf_font2/seafile-font2.ttf and b/media/css/sf_font2/seafile-font2.ttf differ
diff --git a/media/css/sf_font2/seafile-font2.woff b/media/css/sf_font2/seafile-font2.woff
index e9ec7bfaae..cba87f8def 100644
Binary files a/media/css/sf_font2/seafile-font2.woff and b/media/css/sf_font2/seafile-font2.woff differ
diff --git a/seahub/templates/base.html b/seahub/templates/base.html
index e0a6c057ba..01bc389b89 100644
--- a/seahub/templates/base.html
+++ b/seahub/templates/base.html
@@ -39,7 +39,7 @@
                 <img src="{{ MEDIA_URL }}{{ logo_path }}" title="{{ site_title }}" alt="logo" width="{{logo_width}}" height="{{logo_height}}" />
                 {% endif %}
             </a>
-            <span class="sf2-icon-list-view side-nav-toggle hidden-md-up hide" title="{% trans "Side Nav Menu" %}" id="js-toggle-side-nav" aria-label="{% trans "Side Nav Menu" %}"></span>
+            <span class="sf2-icon-menu side-nav-toggle hidden-md-up hide" title="{% trans "Side Nav Menu" %}" id="js-toggle-side-nav" aria-label="{% trans "Side Nav Menu" %}"></span>
 
             {% block header_right %}
             {% if request.user.is_authenticated %}
@@ -54,7 +54,7 @@
                     <a id="my-info" href="#" class="account-toggle no-deco hidden-sm-down" aria-label="{% trans "View profile and more" %}">
                         {% avatar request.user 36 %} <span class="icon-caret-down vam"></span>
                     </a>
-                    <span class="account-toggle icon-ellipsis-vertical mobile-icon hidden-md-up" aria-label="{% trans "View profile and more" %}"></span>
+                    <span class="account-toggle sf2-icon-more mobile-icon hidden-md-up" aria-label="{% trans "View profile and more" %}"></span>
                     <div id="user-info-popup" class="account-popup sf-popover hide">
                         <div class="outer-caret up-outer-caret"><div class="inner-caret"></div></div>
                         <div class="sf-popover-con">
diff --git a/seahub/templates/base_for_backbone.html b/seahub/templates/base_for_backbone.html
index af5d741d3d..739c7eb8a4 100644
--- a/seahub/templates/base_for_backbone.html
+++ b/seahub/templates/base_for_backbone.html
@@ -58,7 +58,7 @@
 
                 <div class="col-md-9 main-panel flex-auto ovhd">
                     <div class="main-panel-top panel-top">
-                        <span class="sf2-icon-list-view side-nav-toggle hidden-md-up" title="{% trans "Side Nav Menu" %}" id="js-toggle-side-nav" aria-label="{% trans "Side Nav Menu" %}"></span>
+                        <span class="sf2-icon-menu side-nav-toggle hidden-md-up" title="{% trans "Side Nav Menu" %}" id="js-toggle-side-nav" aria-label="{% trans "Side Nav Menu" %}"></span>
                         {# place for '<div class="cur-view-toolbar" id=""></div>' #}
                         <div class="common-toolbar">
                             {% if has_file_search %}
@@ -80,7 +80,7 @@
                                 <a id="my-info" href="#" class="account-toggle no-deco hidden-sm-down" aria-label="{% trans "View profile and more" %}">
                                     {% avatar request.user 36 %} <span class="icon-caret-down vam"></span>
                                 </a>
-                                <span class="account-toggle icon-ellipsis-vertical mobile-icon hidden-md-up" aria-label="{% trans "View profile and more" %}"></span>
+                                <span class="account-toggle sf2-icon-more mobile-icon hidden-md-up" aria-label="{% trans "View profile and more" %}"></span>
                             </div>
                         </div>
                     </div>
diff --git a/seahub/templates/js/templates.html b/seahub/templates/js/templates.html
index 8b19fc4108..adcd646638 100644
--- a/seahub/templates/js/templates.html
+++ b/seahub/templates/js/templates.html
@@ -2,7 +2,7 @@
 
 <script type="text/template" id="my-repos-toolbar-tmpl">
     <button class="repo-create btn-white hidden-sm-down"><span aria-hidden="true" class="icon-plus-square add vam"></span><span class="vam">{% trans "New Library" %}</span></button>
-    <span aria-label="{% trans "New Library" %}" class="hidden-md-up repo-create icon-plus-square mobile-icon"></span>
+    <span aria-label="{% trans "New Library" %}" class="hidden-md-up repo-create sf2-icon-plus2 mobile-icon"></span>
     <div id="my-libs-more-op" class="sf-dropdown sf-dropdown-inline hidden-sm-down">
         <button class="sf-dropdown-toggle btn-white more-op-btn-white">{% trans "More" %}</button>
         <ul class="sf-dropdown-menu hide">
@@ -205,7 +205,7 @@
 <script type="text/template" id="groups-toolbar-tmpl">
     {% if user.permissions.can_add_group %}
     <button id="add-group" class="btn-white hidden-sm-down"><span aria-hidden="true" class="icon-plus-square add vam"></span><span class="vam">{% trans "New Group" %}</span></button>
-    <span id="add-group" class="icon-plus-square hidden-md-up mobile-icon" aria-label="{% trans "New Group" %}"></span>
+    <span id="add-group" class="sf2-icon-plus2 mobile-icon hidden-md-up" aria-label="{% trans "New Group" %}"></span>
     {% endif %}
 </script>
 <script type="text/template" id="add-group-form-tmpl">
@@ -282,7 +282,7 @@
 {% if can_add_pub_repo %}
     <div class="sf-dropdown js-add-pub-lib-dropdown">
         <button class="btn-white sf-dropdown-toggle hidden-sm-down"><span aria-hidden="true" class="icon-plus-square add vam"></span><span class="vam">{% trans "Add Library"%}</span></button>
-        <span aria-label="{% trans "Add Library" %}" class="hidden-md-up sf-dropdown-toggle icon-plus-square mobile-icon"></span>
+        <span aria-label="{% trans "Add Library" %}" class="hidden-md-up sf-dropdown-toggle sf2-icon-plus2 mobile-icon"></span>
         <ul class="sf-dropdown-menu hide">
             <li><a class="op share-existing" href="#">{% trans "Share existing libraries" %}</a></li>
             <li><a class="op create-new" href="#">{% trans "Create a new library" %}</a></li>
@@ -348,13 +348,13 @@
     <% if (!no_quota) { %>
     <div id="basic-upload" class="inline-block">
         <button class="basic-upload-btn btn-white hidden-sm-down">{% trans "Upload" %}</button>
-        <span class="basic-upload-btn icon-upload mobile-icon hidden-md-up" aria-label="{% trans "Upload" %}"></span>
+        <span class="basic-upload-btn sf2-icon-upload mobile-icon hidden-md-up" aria-label="{% trans "Upload" %}"></span>
         <input id="basic-upload-input" class="hide" type="file" name="file" multiple />
     </div>
     <% if (app.pageOptions.enable_upload_folder) { %>
     <div id="advanced-upload" class="sf-dropdown sf-dropdown-inline">
         <button class="sf-dropdown-toggle btn-white hidden-sm-down">{% trans "Upload" %}</button>
-        <span class="sf-dropdown-toggle icon-upload mobile-icon hidden-md-up" aria-label="{% trans "Upload" %}"></span>
+        <span class="sf-dropdown-toggle sf2-icon-upload mobile-icon hidden-md-up" aria-label="{% trans "Upload" %}"></span>
         <ul id="upload-menu" class="sf-dropdown-menu hide">
             <li>
                 <a class="op advanced-upload-file" href="#">{% trans "Upload Files" %}</a>
@@ -372,7 +372,7 @@
     <% } %>
     <div id="add-new" class="sf-dropdown sf-dropdown-inline">
         <button class="sf-dropdown-toggle btn-white hidden-sm-down">{% trans "New" %}</button>
-        <span class="icon-plus-square sf-dropdown-toggle hidden-md-up mobile-icon" aria-label="{% trans "New" %}"></span>
+        <span class="sf2-icon-plus2 sf-dropdown-toggle hidden-md-up mobile-icon" aria-label="{% trans "New" %}"></span>
         <div class="sf-dropdown-menu hide">
             <ul>
                 <li><a id="add-new-dir" class="op" href="#">{% trans "New Folder" %}</a></li>
@@ -1426,7 +1426,7 @@
 <script type="text/template" id="group-toolbar-tmpl">
     {% if user.permissions.can_add_repo %}
     <button class="repo-create btn-white hidden-sm-down"><span class="icon-plus-square add vam"></span><span class="vam">{% trans "New Library" %}</span></button>
-    <span class="repo-create icon-plus-square mobile-icon hidden-md-up" aria-label="{% trans "New Library" %}"></span>
+    <span class="repo-create sf2-icon-plus2 mobile-icon hidden-md-up" aria-label="{% trans "New Library" %}"></span>
     {% endif %}
 </script>
 <script type="text/template" id="group-path-tmpl">
@@ -2561,7 +2561,7 @@
 
 <script type="text/template" id="invitations-toolbar-tmpl">
 <button id="invite-people" class="btn-white hidden-sm-down"><span aria-hidden="true" class="icon-plus-square add vam"></span><span class="vam">{% trans "Invite People" %}</span></button>
-<span id="invite-people" class="hidden-md-up icon-plus-square mobile-icon" aria-label="{% trans "Invite People" %}"></span>
+<span id="invite-people" class="hidden-md-up sf2-icon-plus2 mobile-icon" aria-label="{% trans "Invite People" %}"></span>
 </script>
 <script type="text/template" id="invitations-tmpl">
 <div class="cur-view-path">
diff --git a/seahub/templates/sysadmin/sysadmin_backbone.html b/seahub/templates/sysadmin/sysadmin_backbone.html
index 786322c040..72617e19af 100644
--- a/seahub/templates/sysadmin/sysadmin_backbone.html
+++ b/seahub/templates/sysadmin/sysadmin_backbone.html
@@ -40,13 +40,13 @@
                     <img src="{{ MEDIA_URL }}{{ logo_path }}" title="{{ site_title }}" alt="logo" width="{{logo_width}}" height="{{logo_height}}" />
                     {% endif %}
                 </a>
-                <span class="sf2-icon-list-view side-nav-toggle hidden-md-up" title="{% trans "Side Nav Menu" %}" id="js-toggle-side-nav" aria-label="{% trans "Side Nav Menu" %}"></span>
+                <span class="sf2-icon-menu side-nav-toggle hidden-md-up" title="{% trans "Side Nav Menu" %}" id="js-toggle-side-nav" aria-label="{% trans "Side Nav Menu" %}"></span>
 
                 <div id="account">
                     <a id="my-info" href="#" class="account-toggle no-deco hidden-sm-down" aria-label="{% trans "View profile and more" %}">
                         {% avatar request.user 36 %} <span class="icon-caret-down vam"></span>
                     </a>
-                    <span class="account-toggle icon-ellipsis-vertical mobile-icon hidden-md-up" aria-label="{% trans "View profile and more" %}"></span>
+                    <span class="account-toggle sf2-icon-more mobile-icon hidden-md-up" aria-label="{% trans "View profile and more" %}"></span>
                 </div>
         </div>