Bootstrap 图标 Alpha 3

@mdo 2020 年 3 月 19 日

在我们继续开发 Bootstrap 5 的同时，我一直致力于 Bootstrap 图标库，尽可能多地创建图标。今天标志着第三个 Alpha 版本，也是该项目的一次重大更新。我们已经正式突破了 500 个图标！

我们清理了现有的图标，为每个图标创建了新的永久链接页面，并添加了数百个新图标——所有这些都在一个版本中完成。

500 多个图标！

我在第三个 Alpha 版本中添加了 221 个新图标，这是迄今为止 Alpha 版本中添加的新图标数量最多的一次。在绘制所有这些新图标的同时，我还通过更改它们的 viewBox 大小并重新绘制了许多图标来清理现有的图标，以确保更完美的像素图标。

为什么要更改 viewBox？在最初的两个 Alpha 版本中，我在 Figma 中的 20x20 画板上绘制图标。这似乎是个好主意，但每个图标都大约是 16x16，所以最终出现了空白区域。现在，每个图标都已更新以消除 2 像素的内边距，使 viewBox 成为 0 0 16 16 而不是 0 0 20 20。

此更改对文件大小有一些细微的改进，并且应该有助于调整大小和定位。

图标永久链接页面

想要找到某个特定的图标，但不想下载整个项目来获取 SVG 源代码？需要向某人发送图标链接？不用再找了，新的图标永久链接页面来了！

在 Bootstrap 图标主页上，点击任何图标，您将被带到一个专门用于该图标的页面。它以各种尺寸显示图标，并呈现您习惯在 Bootstrap 文档中看到的源代码。

由于这仍然是 alpha 版本，因此我们的文档中还缺少一些功能。这包括未链接的标签、无类别列表以及无复制到剪贴板功能。我希望在我们的稳定版 v1.0.0 发布之前看到这些功能的添加。如果您想贡献，非常欢迎您提交 PR！

下载

Alpha 3 已发布到 GitHub 和 npm（包名 bootstrap-icons）。您可以从 GitHub 获取它，通过更新到 v1.0.0-alpha3，或者通过从 Figma 获取图标。