Bootstrap 图标 v1.6.0

@mdo 2021 年 10 月 13 日

Bootstrap 图标 v1.6.0 添加了 30 多个新图标,增加了官方 Composer 支持,包含一个新的 .scss 样式表用于图标字体,以及其他一些增强和错误修复。继续阅读以了解新内容!

1,400 多个图标

在这个版本中,Bootstrap 图标的字形数量正式超过了 1,400 个——太棒了!对我来说,这个项目能发展到今天,而且还有这么多图标要包含,真是不可思议。

New icons in v1.6.0

此版本包含数十个新图标和更新图标,包括

  • Apple、Behance、Dribbble、Line、Medium、Microsoft、PayPal、Pinterest、Signal、Snapchat、Spotify、Stack Overflow、Strava、Vimeo、Windows 和 WordPress 的新品牌图标
  • 两个新的画架变体
  • 新的指纹图标
  • 新的魔杖
  • 新的旋转木马、工作区和视频聊天人物变体
  • 新的网络摄像头图标
  • 新的放射性图标
  • 新的风扇图标
  • 新的催眠图标
  • 新的阴阳图标
  • 新的活动/脉冲图标
  • 更新了大型破折号、加号、斜杠、X、I、?、!和勾号图标,使其具有更细的笔触,更好地匹配其他图标
  • 更新了灯图标
  • 更新了 graph-upgraph-down 图标,之前的图标已重命名为 graph-up-arrowgraph-down-arrow

新功能

我们在本版本中添加了一些新功能和增强功能,使您可以更轻松地使用 Bootstrap 图标

  • 添加了 Composer 支持,并自动发布到 Packagist。有关更多信息,请参阅 官方软件包

  • 为图标字体添加了新的 bootstrap-icons.scss 样式表。 这包括字体名称和路径变量,以及图标名称和 Unicode 值的 Sass 映射。

  • 在图标字体规则集中添加了新的 .bi CSS 选择器(除了我们在 v1.5.0 中使用的属性选择器之外),以允许更轻松地 @extend 图标样式。这也反映在新的 .scss 样式表中。

我们的下一个次要版本将继续改进我们的图标永久链接页面,添加更多用于复制和粘贴图标的选项。如果您还有其他建议,请随时打开一个新问题!

错误修复

我们在本版本中修复了现有图标的一些故障

  • 由于更新了填充规则,droplet-fill 现在可以正确渲染
  • lamplamp-fill 现在看起来更像灯,而不是马桶 😅
  • 由于更新了填充规则,coin 现在可以正确渲染
  • 由于更新了填充规则,cloud 现在可以正确渲染
  • textarea-resize 不再错误地放置在 viewBox

发现另一个错误,或有建议?查看问题跟踪器,如果您没有看到已打开的问题,请打开一个问题。

安装

要开始使用,请通过 npm 安装或更新

npm i bootstrap-icons

或 Composer

composer require twbs/bootstrap-icons

您也可以从 GitHub 下载发布版本,或仅下载 SVG 和字体(不包含其他存储库文件)。

Figma

Figma 文件现已发布到 Figma 社区!它与您在以前版本中看到的Bootstrap Icons Figma 文件相同,只是对使用该应用程序的用户来说更容易访问。