material icon是什麼?
material design是Google開發的設計準則，有興趣的可自行了解。而material icons就是根據material design下開發出的圖示
#見補充資料
如何導入material icons?
不同於font awesome 6.1.1後，需註冊帳號並引用kit
1)最簡單的方式是透過google fonts導入，設定步驟就跟使用google fonts一樣，將下列程式碼貼到html <head>中(官方文件)<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
2)接著，到google fonts頁面選擇icons，選擇想要的icon後複製<span>代碼
3)需要透過class=”material-icons”才能載入，因此要檢查複製的icon代碼是否有包含此class name，此時大功告成<span class="material-icons material-icons-outlined">search</span>
樣式調整
[大小]如同font awesome的icon font一樣，根據官方文件，可以用調整字體的方式去設定icon大小。雖然可以自由設定大小，不過官方建議設定值為18, 24, 36 or 48px，預設大小為24px。一樣透過自訂class name調整icon大小
<span class="material-icons material-icons-outlined md-24">search</span>
[顏色]官方預設提供黑、白兩種主題，如果想改變icon顏色，可自訂css再套用class name
與font awesome差別(個人淺見)
1)material icon的實作方式為利用排版上的合字(ligatures)，將tag中的文字轉為相對應的icon，因此透過抽換tag中的innerText，可變換icon顯示
2)提供五種icon風格:outlined/filled/rounded/sharp/two-tone
3)稍微摸索了一下，material 除了沒有提供常見的品牌icon外，其他常見的使用者操作流程都有
