vlambda博客
学习文章列表

爱了!爱了!Bootstrap官方首次开源了自己的图标库

关注上方“ GitHuboy ”,选择星标,
关键时间,第一时间送达!
大家好,我是boy哥。
想必很多web小白都曾为寻找和选择icons苦恼过,一些网站的免费图标也无法满足那些审美较高的朋友,自己制作呢还比较麻烦。
这两天逛GitHub发现了一个宝藏资源,可以说是搞web开发同学的福音了。
Bootstrap有史以来第一次拥有自己的图标库 ,并且在GitHub上开源了! 该图标库是为Bootstrap的组件和文档定制设计和构建的,现在可免费用于任何项目中。
Bootstrap官网:https://icons.getbootstrap.com/
GitHub链接:https://github.com/twbs/icons

Bootstrap图标

爱了!爱了!Bootstrap官方首次开源了自己的图标库
该开源项目包含了1100+的icons,都是SVG格式的,可免费下载。
爱了!爱了!Bootstrap官方首次开源了自己的图标库
随便点开其中一个Alarm Fill可以看到下载按钮,并且提供了写好的HTML供复制。此外,还有这个图标的示例。

安装

引导程序图标已打包并发布到npm,软件包中包含已处理的SVG,可通过以下命令安装。
 
   
   
 
npm i bootstrap-icons-save

如何使用?

根据自己的设置,可以通过多种方式添加Bootstrap图标。

  • 将SVG复制粘贴为嵌入式HTML

  • 通过<img>元素引用

  • 使用SVG精灵

  • 通过CSS包含

有了这个资源,真的省了一半的力气,很多图标拿来即用,而且非常美观。


推荐阅读