跳到主要内容

使用外部图标库与 Bootstrap 的指南和建议。

本页目录

虽然 Bootstrap 默认不包含图标集,但我们有自己的综合图标库,称为 Bootstrap Icons。你可以自由在项目中使用它们或任何其他图标集。我们在下面提供了 Bootstrap Icons 和其他首选图标集的详细信息。

虽然大多数图标集包含多种文件格式,但我们更倾向于使用 SVG 实现,因为它们具有更好的可访问性和矢量支持。

Bootstrap Icons

Bootstrap 图标是一个不断增长的 SVG 图标库,由 @mdo 设计,并由 Bootstrap 团队 维护。这个图标集的起源来自 Bootstrap 自身的组件——我们的表单、轮播等。Bootstrap 本身的图标需求很少,所以我们不需要太多。然而,一旦我们开始,就停不下来,继续制作更多图标。

哦,我们提到过它们完全开源吗?像 Bootstrap 一样,这些图标在 MIT 许可下可供所有人使用。

了解更多关于 Bootstrap 图标的信息,包括如何安装它们以及推荐的使用方法。

替代方案

我们自己已经测试并使用过这些图标集,作为 Bootstrap Icons 的首选替代方案。

  • Font Awesome
  • Feather
  • Octicons

更多选项

虽然我们自己没有试用过这些,但它们看起来很有潜力,并提供多种格式,包括 SVG。