Bootstrap 图标库（Bootstrap Icons）是由 Bootstrap 官方团队维护的免费、高质量的开源 SVG 图标库，包含超过 2,000 个图标，适用于各种 Web 开发项目。
🔍 核心特点
- 丰富的图标资源：目前提供超过 2,000 个图标，涵盖常见的 UI 元素，如按钮、导航、社交媒体、文件类型等。
- 灵活的使用方式：支持多种引入方式，包括直接使用 SVG、SVG 精灵（sprite）或作为 Web 字体。
- 高质量的设计：所有图标均采用 SVG 格式，确保在不同分辨率下都能保持清晰，并支持 CSS 样式的自定义。
- 开源协议：遵循 MIT 开源协议，任何人都可以自由使用、修改和分发。
🛠 安装与使用方式
- CDN 引入：在 HTML 文件的
<head>部分添加以下链接：<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet"> - npm 安装：如果使用 Node.js 开发环境，可以通过以下命令安装：
npm install bootstrap-icons - 直接下载：从 Bootstrap Icons 官网 下载图标库文件，解压后在项目中引用。
🎨 示例用法
使用图标：在 HTML 中使用图标，例如：
<i class="bi bi-heart"></i>
自定义样式：通过 CSS 设置图标的大小、颜色等样式：
.bi-heart {
font-size: 2rem;
color: red;
}
📚 参考资料
如果您需要进一步了解如何在特定框架（如 Vue、React、Angular 等）中使用 Bootstrap 图标库，欢迎继续提问，我将为您提供详细的指导。
