Bootstrap 图标 v1.2.0

@mdo 2020 年 12 月 11 日

我们最新的 Bootstrap 图标版本包含数十个新图标、重新设计的文档，以及最受期待的新功能——图标字体！

新的社交图标

我们从社交图标开始，只包含少数几个最受欢迎的网站和网络，人们可能需要它们。我们有意保持这个列表很小，因为我们的目标不是全面覆盖。我们会努力随着时间的推移添加一些，但目前这些应该足够了！

新的媒体图标

另一个主要新增功能是我们扩展的媒体图标套件。我们收到了一些用户要求在媒体控件以及不同媒体类型方面提供更多选项，因此我们通过此更新开始着手解决这个问题。

图标字体！

终于来了！我们现在借助一个很棒的项目 Fantasticon 为我们的图标生成网页字体。首先，我们生成两种网页字体格式——.woff 和 .woff2。我们还包含一个所有图标的 HTML 索引，以网页字体格式呈现，由一个生成的 CSS 文件提供支持。

这是我们第一次尝试使用图标字体，我们可能会在过程中进行一些调整。请您亲自测试字体并分享您在问题中遇到的任何反馈，帮助我们解决任何问题。

更新的文档

由于更新了英雄部分，Bootstrap 图标主页 焕然一新。新的英雄部分包含一个新的彩色图标图像、更清晰的项目描述以及一个直接的 npm i 代码段，帮助人们更快地入门。顶部的新通知链接到博客文章，告诉人们有哪些新内容。

单个图标永久链接页面 也已更新并大大简化。我们将主要示例缩减为一个图标实例，并将下面的示例扩展到包括更多 Bootstrap 组件中的图标。

新的永久链接侧边栏还提供了对图标的新增和改进的访问方式。只需要一两个 SVG 吗？使用新的 下载 SVG 按钮。正在寻找新图标字体的 HTML 代码？只需复制粘贴。与往常一样，想要原始 SVG HTML 代码吗？它仍然在那里。

安装

要开始使用，请通过 npm 安装

npm i bootstrap-icons

您也可以 从 GitHub 下载版本，或者 仅下载 SVG 和字体（不包含其他存储库文件）。

Figma

对于 Figma 用户，您也可以从 Figma 获取图标。