📜  如何在 html 中添加谷歌图标(1)

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

在 HTML 中添加谷歌图标

Google 图标库提供了丰富的图标,可以通过在你的 HTML 文件中添加以下代码实现使用这些图标:

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

注意:该代码应放置在 <head> 标签内。

随后,我们可以在 HTML 中使用这些图标,例如:

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

其中,face 为图标名称,通过该名称我们可以使用不同的图标。具体的,你可以在 Google 图标库 上找到所有的图标。

除了谷歌图标库,还有许多其他图标库可以供我们使用,例如 FontAwesome 等。

参考资料
  1. Using Google Icons in HTML & CSS
  2. Material Icons Guide