谷歌图标

谷歌图标（Google Icons）是谷歌公司开源的图标集合。该图标集合包含了各种常用图标，如社交媒体图标、文件类型图标、电子设备图标等等。

特点

• 支持自定义颜色和大小，方便灵活使用
• 包含了丰富的图标种类，满足日常需求
• 开源免费，不受版权限制

使用方式

谷歌图标可以通过引入谷歌图标库或直接下载图标文件的方式使用。

引入谷歌图标库

在HTML头部引入以下代码：

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

然后在HTML中使用图标：

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

其中，class属性的值为material-icons，这是谷歌图标库的约定使用方式。

下载图标文件

谷歌图标的SVG文件可以在官方网站下载。下载后，可以直接引入SVG文件使用，如：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
  <path d="M0 0h24v24H0z" fill="none"/>
  <path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-1.7 0-3.3-.5-4.6-1.4l9.2-9.2c.9 1.3 1.4 2.9 1.4 4.6 0 4.4-3.6 8-8 8z"/>
</svg>

示例

以下是一些谷歌图标库中的图标及其对应的代码：

| 图标 | 代码 | | --- | --- | | | <i class="material-icons">search</i> | | | <i class="material-outlined">favorite</i> | | | <i class="material-outlined">menu</i> |

结语

谷歌图标是一个免费开源的图标集合，拥有丰富多彩的图标，支持自定义颜色和大小，非常方便实用。在开发中，使用谷歌图标可以提高UI的美观程度，也可以减少自己写图标的时间，是不可多得的优秀资源。