MDUI 內(nèi)置了 Material Icons 的 932 個圖標(biāo)，除了這些圖標(biāo)，你也可以使用第三方的圖標(biāo)。

相關(guān)資源

Material Design 圖標(biāo)設(shè)計(jì)規(guī)范

使用示例

我們列出了所有 Material Icons 的圖標(biāo)，你可以直接點(diǎn)擊圖標(biāo)復(fù)制圖標(biāo)代碼。

在線運(yùn)行

如果圖標(biāo)用在扁平按鈕或浮動按鈕中，還需要添加類 mdui-icon-left 或 mdui-icon-right 使圖標(biāo)位于按鈕左側(cè)或右側(cè)。

在線運(yùn)行

第三方圖標(biāo)庫

要使用第三方圖標(biāo)庫，需要先引入第三方圖標(biāo)庫的 CSS 文件。

然后在 <i> 元素中添加類 mdui-icon 和對應(yīng)圖標(biāo)庫的類名。

下面的實(shí)例使用的是 ionicons 的圖標(biāo)。

在線運(yùn)行

CSS 類名列表