Bootstrap 图标库的所有图标都是 SVG 格式的，因此你可以通过以下几种方式将它们添加到你的 HTML 中，具体使用哪种方式取决于你的项目是如何设置的。

我们建议设置 width: 1em（以及可选的 height: 1em），便于你通过 font-size 属性重置图标的大小。

将图标嵌入你的 HTML 页面中（与引用外部图像文件相反）。

利用 SVG sprite 和 <use> 元素即可插入任何图标。

使用图标的文件名作为片段标识符（例如 toggles 就是 #toggles）。

SVG sprites 允许你像 <img> 元素一样引用外部文件，并支持 currentColor 的功能以便主题化。

将 Bootstrap 图标库 的 SVG 文件复制到你所选择的目录中，并像引用普通图片一样通过 <img> 元素引入 SVG 图标。

Bootstrap 图标库还提供了图标字体文件，并且包括了每个图标及其对应 class 名称。

通过在页面中引入图标字体文件，然后根据需要为 HTML 标签添加对应的 class 名称即可（例如 <i class="bi-alarm-clock"></i>）。

使用 font-size 和 color 样式属性可以更改图标的外观。

你还可以在 CSS 中使用 SVG 图标（当指定十六进制颜色值时 务必对某些字符进行转义，例如将 # 字符替换为 %23）。

如果未指定 <svg> 元素的 width 和 height 属性，则图标将填满所有可用空间。

如果需要使用 background-size 来调整图标的大小，则必须设置 viewBox 属性。

请注意，xmlns 属性是必需的。