diff --git a/resources/frontend_client/app/components/icons/cards.html b/resources/frontend_client/app/components/icons/cards.html
deleted file mode 100644
index d1a3ddb69fdfe55d185d923239f2444f9fe2b8da..0000000000000000000000000000000000000000
--- a/resources/frontend_client/app/components/icons/cards.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg id="cards" viewBox="0 0 32 32" fill="currentcolor" ng-attr-width="{{width}}" ng-attr-height="{{height}}">
-    <path d="M16.5,11 C16.1340991,11 15.7865579,10.9213927 15.4733425,10.7801443 L7.35245972,21.8211652 C7.7548404,22.264891 8,22.8538155 8,23.5 C8,24.8807119 6.88071187,26 5.5,26 C4.11928813,26 3,24.8807119 3,23.5 C3,22.1192881 4.11928813,21 5.5,21 C5.87370843,21 6.22826528,21.0819977 6.5466604,21.2289829 L14.6623495,10.1950233 C14.2511829,9.74948188 14,9.15407439 14,8.5 C14,7.11928813 15.1192881,6 16.5,6 C17.8807119,6 19,7.11928813 19,8.5 C19,8.96980737 18.8704088,9.4093471 18.6450228,9.78482291 L25.0405495,15.4699905 C25.4512188,15.1742245 25.9552632,15 26.5,15 C27.8807119,15 29,16.1192881 29,17.5 C29,18.8807119 27.8807119,20 26.5,20 C25.1192881,20 24,18.8807119 24,17.5 C24,17.0256697 24.1320984,16.5821926 24.3615134,16.2043506 L17.9697647,10.5225413 C17.5572341,10.8228405 17.0493059,11 16.5,11 Z M5.5,25 C6.32842712,25 7,24.3284271 7,23.5 C7,22.6715729 6.32842712,22 5.5,22 C4.67157288,22 4,22.6715729 4,23.5 C4,24.3284271 4.67157288,25 5.5,25 Z M26.5,19 C27.3284271,19 28,18.3284271 28,17.5 C28,16.6715729 27.3284271,16 26.5,16 C25.6715729,16 25,16.6715729 25,17.5 C25,18.3284271 25.6715729,19 26.5,19 Z M16.5,10 C17.3284271,10 18,9.32842712 18,8.5 C18,7.67157288 17.3284271,7 16.5,7 C15.6715729,7 15,7.67157288 15,8.5 C15,9.32842712 15.6715729,10 16.5,10 Z"></path>
-</svg>
diff --git a/resources/frontend_client/index.html b/resources/frontend_client/index.html
index c524c735276b235be44ddcdfcefe8ada92b4367d..90d5cdb4f040d40f8a25dfbbf43d2e48b942ddc8 100644
--- a/resources/frontend_client/index.html
+++ b/resources/frontend_client/index.html
@@ -44,9 +44,7 @@
                         </li>
                         <li class="inline-block">
                             <a class="NavItem NavItem-withIcon" cv-org-href="/card/" selectable-nav-item="cards">
-                                <div class="IconWrapper">
-                                    <cv-cards-icon></cv-cards-icon>
-                                </div>
+                                <mb-icon class="IconWrapper" name="cards"></mb-icon>
                                 <span class="NavItem-text">Cards</span>
                             </a>
                         </li>