Bootstrap Icon CDN

Bootstrap Icon CDN 是一个基于 Bootstrap 图标的免费、开源的图标库。该库提供了超过 1,500 个精心设计的矢量图标，可以在任何设备上使用。

使用方法

要使用 Bootstrap Icon CDN，只需将以下链接添加到你的 HTML 头部即可：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css">

此链接指向最新版本的Bootstrap Icon CDN。你也可以特别指定所需版本，以确保在更新时不会破坏你现有的代码：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css">

安装后，你可以在 HTML 中轻松地使用图标。例如，要添加一个图标，只需将其中一个图标名称拷贝到 HTML 中：

<i class="bi bi-alarm"></i>

其中 bi 是 Bootstrap Icon 默认的CSS class。你可以在 i 标签中添加更多的类来添加样式，例如：

<i class="bi bi-alarm text-primary fs-4"></i>

这将为警报图标添加 Bootstrap 的 text-primary 和 fs-4 类。

图标分类

Bootstrap Icon CDN 提供了超过 1,500 个图标，按照不同的分类进行组织。这些分类包括：动态、设备、编辑、文件、金融、表单、手势、图形、健康、图片、文本、旅游和 Web。

总结

Bootstrap Icon CDN 是一个强大、易用、免费、开源的图标库。通过使用 Bootstrap Icon CDN，你可以轻松地在你的网站或者应用程序中添加高质量的矢量图标，使你的设计更具有吸引力。