| 图标名 | class | 常见用途 |
|---|
使用说明
- 搜图标名（cart）或用途（搜索、删除）定位，拿到 class 名直接写进 HTML。
- 用法是 <i class="bi bi-cart"></i>，注意外层 bi 和具体图标名要一起写。
- 想要实心版就在图标名后加 -fill，比如 bi-heart-fill。
常见问题
为什么图标显示成方块或空白？
通常是字体文件没加载。Bootstrap Icons 依赖一个图标字体文件，用 CDN 引入的话要确保 CSS 和字体文件都能访问到；如果是自己托管，检查字体文件路径和跨域设置。离线环境常见这个问题。
bi 和具体图标名的顺序能换吗？
不能。class 必须写成 bi bi-cart 这种形式——外层 bi 提供字体基础属性，后面才是具体图标。只写 bi-cart 不会显示，只写 bi 也不显示。加尺寸用 font-size 或 fs-* 工具类。
和 Font Awesome 比该选哪个？
Bootstrap Icons 免费、轻、和 Bootstrap 风格统一，图标数量适中；Font Awesome 图标更多、有品牌图标、样式更丰富，但免费版有限制且体积更大。用 Bootstrap 就用 Bootstrap Icons，独立项目或用得到品牌图标就选 Font Awesome。
相关工具
Linux 命令大全
70 个 Linux 常用命令速查表：命令、作用、真实示例、常用参数与注意点
常用 Web API 速查
44 个常用浏览器原生 API 速查表：作用、代码示例与兼容性提示
MySQL 保留字大全
139 个 MySQL 关键字和保留字对照表：关键字、类别与用途
XPath 语法速查
XPath 语法速查表：表达式、含义与示例，覆盖路径、谓词、轴和常用函数
XPath 测试工具
在线测试 XPath 表达式：粘贴一段 HTML 或 XML，输入 XPath 就能看到命中
CSS 属性速查
87 个常用 CSS 属性速查表：属性名、常用取值与说明，覆盖布局、文字、动画、现代特性
查询工具 · 该分类共 46 个工具，展开查看全部
常用 User-Agent 大全MIME Type 对照表常见端口对照表HTML 特殊字符转义表HTTP 请求头大全各国国家代码对照表世界货币代码与符号对照表各国电话区号对照表世界时区缩写对照表颜色名称对照表中国传统色对照表化学元素周期表物理常数速查数学常数速查各国电压插座标准域名后缀含义对照表常见单位符号大全Linux 命令大全全国行政区划查询RGB 颜色对照表常见文件格式说明各省简称与省会对照表二十四节气表中国传统节日表生肖年份表历史朝代年表度量衡历代换算表常用 Web API 速查编程语言对比表数据库类型对比表云服务商对比表建站程序对比表网页字体对照表Bootstrap 图标速查Android 权限大全XPath 语法速查正则表达式语法速查常用正则表达式库MySQL 保留字大全浏览器内核对照表CSS 属性速查PHP 函数速查世界国旗图案对照表特殊符号与快捷键符号表世界之最查询历史上的今天