📜  布尔玛材料设计图标(1)

📅  最后修改于: 2023-12-03 15:09:42.321000             🧑  作者: Mango

布尔玛材料设计图标

布尔玛材料设计图标是谷歌公司推出的图标库,它是基于谷歌的材料设计风格,提供了大量精美的图标,供开发者使用。

特点
  • 应用广泛:谷歌官方推荐的图标库,被广泛应用于各种应用程序中。
  • 材料设计:图标样式契合谷歌的材料设计风格,有良好的设计规范。
  • 多种格式:提供多种格式的图标文件,包括svgpngwebp等。
  • 完全免费:不需要任何费用即可使用,适合各类开发者。
如何使用
  1. 引入布尔玛图标依赖:
<!-- 加载布尔玛字体图标 -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<!-- 引入布尔玛图标 -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet">
  1. 在需要使用图标的地方通过<i>标签引入图标:
<!-- 默认图标 -->
<i class="material-icons">face</i>

<!-- 实心图标 -->
<i class="material-icons-outlined">face</i>

<!-- 线框图标 -->
<i class="material-icons-round">face</i>

<!-- 圆润图标 -->
<i class="material-icons-sharp">face</i>
案例展示

一个基于布尔玛材料设计图标制作的 TodoList:

image

总结

谷歌的布尔玛材料设计图标是一款高质量的图标库,应用广泛,符合材料设计风格,使用方便。推荐各位开发者使用。