角度按鈕圖標未顯示

下面是我的web應用程序現在顯示的屏幕截圖。它應該是一個添加按鈕，按鈕的功能是存在的，但由於某種原因，圖像本身沒有顯示出來：角度按鈕圖標未顯示

我不知道這是否會是有什麼問題我正在做我的HTML或我的CSS，並從來沒有真正看到過這個問題。

的HTML代碼相關與這個：

<button md-button class="add-btn" aria-label="add"> 
    <md-icon class="jf-add"></md-icon> 
</button>

CSS：

.add-btn { 
    text-transform: none; 
    color: #007ab4; 

    > span { 
     padding-left: 4px; 
     vertical-align: sub; 
    } 
}

旁註：1）「JF-加上」是我工作系統中的一個自定義圖標2）我只是一名實習生，並且是CSS和HTML的新手，所以問題可能是一個非常簡單的修復 –

@Vega圖標是預定義的，對不起，我的部分 –

@Vega，我想我必須有錯誤的措辭，因爲在項目的其他地方有一行類似於我的代碼：''這只是一個不同的來自同一個庫的圖標 –

你定義你的模塊中的材料設計？

例子：

angular.module('buttons', ['ngMaterial'])

也不像你在按鈕定義的圖標的src

例子：

<md-icon md-svg-src="img/icons/cake.svg"></md-icon>

2017-07-10 14:10:29 Nathan

我確實定義了材料設計 –

回答