返回介绍

图标

发布于 2020-02-15 17:34:05 字数 1085 浏览 943 评论 0 收藏 0

我们包含了 740 种谷歌设计的 Material Design 图标。你可以直接下载这些图标从 Material Design specs

用法

为了能够使用这些图标,你必须引入这一行到你的 <head> 的 HTML 代码中。

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

使用这些图标,增加 material-icons 类到元素中并将提供的图标名称作为元素的内容。

<i class="material-icons">add</i>

尺寸

为了控制图标的尺寸,改变图标的 font-size: 30px 属性。使用下面的类改变图标大小,如下:

<!--
Sizes:
tiny: 1rem
small: 2rem
medium: 4rem
large: 6rem
-->
<i class="large material-icons">insert_chart</i>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文