材料中的过滤器图标

简介

材料中的过滤器图标是一款用于表示过滤、筛选、搜索等功能的图标库。它包含了多种不同样式的图标，可供程序员在开发项目时快速集成到自己的网站或应用程序中。

特点

• 多种样式可选择：包括单色、多色、线条或实体等不同类型的图标，适用于不同风格的网站或应用程序。
• 易于使用：只需将相应的css类添加到需装饰的html元素中，即可快速嵌入图标。
• 可自定义：由于使用了矢量图形，因此图标的大小、颜色、填充等均可自行调整。

结构

材料中的过滤器图标库使用的是矢量图形，因此它具有可伸缩、无损失、无锯齿的特性。每个图标都是一个矢量图形，由多个线条或曲线组成。在使用时，只需通过指定相应的css类来引用图标即可。

材料中的过滤器图标库的css类名采用了与FontAwesome相似的命名方式，如下：

<i class="material-icons md-36">accessibility</i>

其中，i是html元素i的标签名，class是css类名，md-36指定了图标的大小（36像素），accessibility是图标名。同时，图标名也可以通过Unicode编码的方式来显示，如下：

<i class="material-icons">&#xE051;</i>

其中，是accessibility图标的Unicode编码。

用法

使用材料中的过滤器图标库时，需要先将其引入到html文件中，如下：

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

之后，就可以通过在html元素中添加相应的css类，来嵌入需要的图标，如下：

<i class="material-icons md-36">accessibility</i>

也可以在css样式中使用content属性来引用图标，如下：

.icon:before {
    content: "\E051";
    font-family: "Material Icons";
    font-size: 36px;
}

参考资料

• Material Icons官方网站