Skip to main content Skip to docs navigation

图标

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

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

¥While Bootstrap doesn’t include an icon set by default, we do have our own comprehensive icon library called Bootstrap Icons. Feel free to use them or any other icon set in your project. We’ve included details for Bootstrap Icons and other preferred icon sets below.

虽然大多数图标集包含多种文件格式,但我们更喜欢 SVG 实现,因为它具有改进的可访问性和矢量支持。

¥While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support.

Bootstrap 图标

¥Bootstrap Icons

Bootstrap Icons 是一个不断增长的 SVG 图标库,由 @mdo 设计并由 Bootstrap 团队 维护。这个图标集的起源来自 Bootstrap 自己的组件 - 我们的表单、轮播等等。Bootstrap 开箱即用的图标需求很少,因此我们不需要太多。然而,一旦我们开始行动,我们就无法停止制作更多。

¥Bootstrap Icons is a growing library of SVG icons that are designed by @mdo and maintained by the Bootstrap Team. The beginnings of this icon set come from Bootstrap’s very own components—our forms, carousels, and more. Bootstrap has very few icon needs out of the box, so we didn’t need much. However, once we got going, we couldn’t stop making more.

哦,我们有没有提到它们是完全开源的?就像 Bootstrap 一样,我们的图标集已获得 MIT 许可,可供所有人使用。

¥Oh, and did we mention they’re completely open source? Licensed under MIT, just like Bootstrap, our icon set is available to everyone.

Learn more about Bootstrap Icons, including how to install them and recommended usage.

备择方案

¥Alternatives

我们已经测试并使用这些图标集作为 Bootstrap 图标的首选替代品。

¥We’ve tested and used these icon sets ourselves as preferred alternatives to Bootstrap Icons.

更多的选择

¥More options

虽然我们自己还没有尝试过这些,但它们看起来确实很有前途,并且提供多种格式,包括 SVG。

¥While we haven’t tried these out ourselves, they do look promising and provide multiple formats, including SVG.