使用材料图标添加自定义图标

时间:2017-04-25 10:15:30

标签: css svg material-design google-material-icons

我正在使用官方的Google素材图标:https://material.io/icons/

我希望在svg。

中添加一些由我创建的图标

我该怎么办?

2 个答案:

答案 0 :(得分:1)

您需要创建自己的网络字体。

如果您已经拥有SVG,那么您可以使用https://icomoon.io/app/之类的东西创建一个。我没有用它,所以不能再用它了。

如果没有,您需要找到一个字体创作工具,导出到woff或woff2或您需要的任何Web字体格式。 (我认为材料是woff2)

答案 1 :(得分:-3)

关于更多enter link description here

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

</head>
<body>
    <i class="material-icons md-light md-inactive">face</i>
</body>
</html>