如何使用materializecss自己的材料设计图标?

时间:2015-06-10 12:53:37

标签: css material-design materialize

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

我如何添加它们并像默认的那样使用它们

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

提前致谢

2 个答案:

答案 0 :(得分:7)

嗯,这是本网站提供的替代解决方案。它包括很多很多图标,比如社交按钮。

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 -->

答案 1 :(得分:1)

只需包含此样式表:

 <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