css - 如何在materializecss中使用自己的材料设计图标？

Question

我需要知道如何在自定义类中添加自己的 mdi 图标。提供的 mdi 类不符合我的期望。

我如何添加这些并像默认一样使用它们

<i class="mdi-image-facebook"></i>
<i class="mdi-image-linkedin"></i>

提前致谢

Answer 1

好吧，这是本网站提供的替代解决方案。它包括很多图标，例如社交按钮。

http://materialdesignicons.com/getting-started

您只需添加此 css 链接即可获取图标并将它们添加为类

<link href="css/materialdesignicons.min.css" media="all" rel="stylesheet" type="text/css" />

和

<i class="mdi mdi-facebook-box"></i>  <!-- facebook box -->

Answer 2

只需包含此样式表：

 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

您现在可以使用 materializecss 的图标标签。下面的示例:)

<a class="waves-effect waves-light btn"><i class="material-icons right">cloud</i>button</a>

欲了解更多信息，请访问： http: //materializecss.com/icons.html