使用google api material icons在网页中插入图标

Posted cat糯米团

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用google api material icons在网页中插入图标相关的知识,希望对你有一定的参考价值。

在<head></head>中加入这一句:

<link rel=‘stylesheet‘ href=‘http://fonts.googleapis.com/icon?family=Material+Icons‘ type=‘text/css‘>

然后在body中加入:

<span class="sidenav-link-icon">
    <i class="material-icons color-red vertical-top">subject</i>
</span>

 

 

就可以插入一个红色的地图的图标。

其他图标可以从这个网页中找:https://material.io/icons/

以上是关于使用google api material icons在网页中插入图标的主要内容,如果未能解决你的问题,请参考以下文章

错误:膨胀类 com.google.android.material.navigation.NavigationView

使用 AppCompat/Material 主题膨胀类 com.google.android.material.appbar.AppBarLayout 时出错

scss 使用Google Material Icons作为之前和之后

Google--Material Design UI素材库React版

无法在heroku中加载favicon.ico for rest api

“ MissingRegistered”使用com.google.android.material。* UI组件时的掉毛警告