作者簡介
Material icons 由 Google 所提供的免費向量icon圖示
Material icons是由Google所提供的免費向量icon圖示，Material icons 裡面的檔案大多是常見於 Web網站、Android、iOS…等等開發資源所用的icon圖示。對於設計者來說 Material icons 是一個相當不錯的免費資源，提供了 SVG 及 PNG 的圖片檔案及各種圖片大小，讓你直接就能夠套用在所開發的項目立即使用。
名稱：Material icons
網址：點這裡
注意事項：雖然Material icons是屬於免費的服務，本身沒有特殊的限制及規定，但是Google在說明頁上有提到的說「請勿轉售」這些圖示，也請在使用的時候多注意一下。
網址：點這裡
注意事項：雖然Material icons是屬於免費的服務，本身沒有特殊的限制及規定，但是Google在說明頁上有提到的說「請勿轉售」這些圖示，也請在使用的時候多注意一下。
首先，左側有分為各種的「Theme樣式」，先依照需求選擇後再去選擇右側的「主題」。
Theme所代表的樣式意義
Filled：圖示較圓滑，也就是邊邊角角有圓滑。
Outlined：圖示無填充。
Rounded：圖示為圓形。
Two-Tone：圖示有兩種顏色。
Sharp：圖示為尖銳，也就是邊邊角角無圓滑。
Filled：圖示較圓滑，也就是邊邊角角有圓滑。
Outlined：圖示無填充。
Rounded：圖示為圓形。
Two-Tone：圖示有兩種顏色。
Sharp：圖示為尖銳，也就是邊邊角角無圓滑。
選擇圖示，並點選左側的按鈕開啟。
依照需求選擇尺寸、顏色、SVG及PNG檔案格式下載使用即可。
此外支援的圖片大小有：18dp、24db、36dp、48dp、iOS、Android。
使用Material icons語法嵌入至網站
另外一個方法直接依照Google下述說明所說的，此方法只能使用在網站，先在<head>放入一段帶入網址（也可以自定義網址使用，這部份請參考說明的連結就不教學囉。）
<link target="_blank" rel="noopener" href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">再將下述短語語法所提供的語法嵌入至HTML裡。
<i class="material-icons">search</i>
當然其他還有更多樣式讓你選擇，等你去挖掘囉。
相關文章
