📝 Web图标教程
37篇技术文档📅 最后修改于: 2020-10-17 06:03:48 🧑 作者: Mango
本章介绍“字体超赞品牌”图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表显示了Font Awesome Brand图标的用法和结果。用表中给出的代码替换上述程序的<body>标签，以获取相应的输出-UsageIcons<i class=”fa fa-500px custom”></i><i class=”fa fa-amazon custom”></i><i ...
📅 最后修改于: 2020-10-17 06:04:02 🧑 作者: Mango
本章介绍Font Awesome Medical图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表显示了Font Awesome Medical图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageIcon<i class=”fa fa-ambulance custom”></i><i class=”fa fa-h-squ...
📅 最后修改于: 2020-10-17 06:04:23 🧑 作者: Mango
Google提供了一组根据“材料设计准则”设计的750个图标，这些图标被称为“材料设计”图标。这些图标很简单，并且支持所有现代Web浏览器。由于这些图标是基于矢量的，因此它们也是可伸缩的。要使用这些图标，我们必须加载字体（库）material-icons。加载字体（库）要加载材料图标库，请将以下行复制并粘贴到网页的<head>部分中。使用图标Google的Material Icons提供了很长的图...
📅 最后修改于: 2020-10-17 06:05:54 🧑 作者: Mango
本章介绍了Google（材料）操作图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表包含Google（材料）操作图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”material-icons custom”>3d_rotation</i>3d_rotation<i class=”mate...
📅 最后修改于: 2020-10-17 06:06:07 🧑 作者: Mango
本章介绍了Google（材料）警报图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表包含Google（材料）警报图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”material-icons custom”>add_alert</i>add_alert<i class=”material...
📅 最后修改于: 2020-10-17 06:06:36 🧑 作者: Mango
本章介绍了Google（材料）AV图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表包含Google（材料）AV图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”material-icons custom”>airplay</i>airplay<i class=”material-ico...
📅 最后修改于: 2020-10-17 06:07:01 🧑 作者: Mango
本章介绍了Google（材料）通信图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表包含Google（材料）“通讯”图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”material-icons custom”>business</i>business<i class=”material...
📅 最后修改于: 2020-10-17 06:07:22 🧑 作者: Mango
本章介绍了Google（材料）内容图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表包含Google（材料）内容图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”material-icons custom”>add</i>add<i class=”material-icons custo...
📅 最后修改于: 2020-10-17 06:07:49 🧑 作者: Mango
本章为您提供Google（材料）设备图标的用法。假设custom是CSS类名，我们在其中定义了大小和颜色，如下所示。下表包含Google（材料）设备图标的用法和结果。UsageResult<i class=”material-icons custom”>access_alarm</i>access_alarm<i class=”material-icons custom”>access_alarm...
📅 最后修改于: 2020-10-17 06:08:22 🧑 作者: Mango
本章介绍了Google（材料）编辑器图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表包含Google（材料）编辑器图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”material-icons custom”>attach_file</i>attach_file<i class=”ma...
📅 最后修改于: 2020-10-17 06:08:37 🧑 作者: Mango
本章介绍了Google（材料）文件图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表包含Google（材料）文件图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”material-icons custom”>attachment</i>attachment<i class=”materi...
📅 最后修改于: 2020-10-17 06:09:02 🧑 作者: Mango
本章介绍了Google（材料）硬件图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表包含Google（材料）硬件图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”material-icons custom”>cast</i>cast<i class=”material-icons cus...
📅 最后修改于: 2020-10-17 06:10:19 🧑 作者: Mango
本章介绍了Google（材料）图像图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表包含Google（材料）图像图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”material-icons custom”>add_to_photos</i>add_to_photos<i class=”...
📅 最后修改于: 2020-10-17 06:10:48 🧑 作者: Mango
本章介绍了Google（材料）地图图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表包含Google（材料）地图图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”material-icons custom”>beenhere</i>beenhere<i class=”material-i...
📅 最后修改于: 2020-10-17 06:11:05 🧑 作者: Mango
本章介绍了Google（材料）导航图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表包含Google（材料）导航图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”material-icons custom”>apps</i>apps<i class=”material-icons cus...