diff --git a/resources/frontend_client/app/card/partials/_card_heading.html b/resources/frontend_client/app/card/partials/_card_heading.html
index c94a76517b7883eaf52e78926ff6fc218cdec2e2..4a0355711918fcefcd2f5253024982295ce8cd0b 100644
--- a/resources/frontend_client/app/card/partials/_card_heading.html
+++ b/resources/frontend_client/app/card/partials/_card_heading.html
@@ -5,7 +5,7 @@
             </cv-card-favorite-button>
             <div class="Dropdown inline-block" dropdown on-toggle="toggled(open)">
                 <a class="text-grey-1 mx1" href="#" dropdown-toggle>
-                    <cv-chevron-down-icon width="18px" height="18px"></cv-chevron-down-icon>
+                    <mb-icon name="chevrondown" width="18px" height="18px"></mb-icon>
                 </a>
                 <ul class="Dropdown-content right">
                     <span ng-if="!cardSettings || (cardSettings.allowCardPermalink || cardSettings.allowSend)">
diff --git a/resources/frontend_client/app/components/icons/chevrondown.html b/resources/frontend_client/app/components/icons/chevrondown.html
deleted file mode 100644
index e02f857f7ff31894598e6e507308b86b80c739cc..0000000000000000000000000000000000000000
--- a/resources/frontend_client/app/components/icons/chevrondown.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg id="chevron-down" viewBox="0 0 32 32" fill="currentcolor" ng-attr-width="{{width}}" ng-attr-height="{{height}}">
-    <path d="M1 12 L16 26 L31 12 L27 8 L16 18 L5 8 z "></path>
-</svg>
diff --git a/resources/frontend_client/app/directives.js b/resources/frontend_client/app/directives.js
index 2969657657c7650dcc51cfbaa7c5d10e954dd864..2b7df3693002be78c349f1318e658cedfad7335d 100644
--- a/resources/frontend_client/app/directives.js
+++ b/resources/frontend_client/app/directives.js
@@ -225,7 +225,7 @@ NavbarDirectives.directive('mbProfileLink', [function () {
                                 '<span class="UserNick">' +
                                     '<span class="UserInitials NavItem-text">{{initials}}</span> ' +
                                 '</span>' +
-                                '<cv-chevron-down-icon class="Dropdown-chevron ml1" width="8px" height="8px"></cv-chevron-down-icon>' +
+                                '<mb-icon name="chevrondown" class="Dropdown-chevron ml1" width="8px" height="8px"></mb-icon>' +
                             '</a>' +
                             '<ul class="Dropdown-content right">' +
                                 '<li><a class="link" href="/user/edit_current">Account Settings</a></li>' +
diff --git a/resources/frontend_client/index.html b/resources/frontend_client/index.html
index 452988d44af7af17a0bb3041f7f48cc8ff2059ba..4a65585ab775e7435af5bec6eadbd504f3b24419 100644
--- a/resources/frontend_client/index.html
+++ b/resources/frontend_client/index.html
@@ -27,7 +27,7 @@
                     <div class="NavItem Dropdown float-left" dropdown on-toggle="toggled(open)" ng-if="user.is_multi_org">
                         <span dropdown-toggle>
                             <span class="NavItem-text" ng-bind="currentOrg.name"></span>
-                            <cv-chevron-down-icon width="8px" height="8px"></cv-chevron-down-icon>
+                            <mb-icon name="chevrondown" width="8px" height="8px"></mb-icon>
                         </span>
                         <ul class="Dropdown-content">
                             <li ng-repeat="organization in userMemberOf">
@@ -66,7 +66,7 @@
                             <a class="NavItem" selectable-nav-item="settings" dropdown-toggle>
                                 <span class="NavItem-text" ng-if="!user.first_name">Me</span>
                                 <span class="NavItem-text" ng-if="user.first_name">{{user.first_name}}</span>
-                                <cv-chevron-down-icon width="8px" height="8px"></cv-chevron-down-icon>
+                                <mb-icon name="chevrondown" width="8px" height="8px"></mb-icon>
                             </a>
                             <ul class="Dropdown-content right">
                                 <li class="" ><a class="link" href="/user/edit_current">Account Settings</a></li>
@@ -91,7 +91,7 @@
                         <mb-icon name="gear" class="AdminGear" width="22px" height="22px"></mb-icon>
                         <span dropdown-toggle>
                             <span class="NavItem-text">{{currentOrg.name}} Admin</span>
-                            <cv-chevron-down-icon width="8px" height="8px"></cv-chevron-down-icon>
+                            <mb-icon name="chevrondown" width="8px" height="8px"></mb-icon>
                         </span>
                         <ul class="Dropdown-content left">
                             <li ng-repeat="organization in userMemberOf">