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

Posted 2021-04-29 GitHuboy

关注上方“ GitHuboy ”，选择星标，

关键时间，第一时间送达！

大家好，我是boy哥。

想必很多web小白都曾为寻找和选择icons苦恼过，一些网站的免费图标也无法满足那些审美较高的朋友，自己制作呢还比较麻烦。

这两天逛GitHub发现了一个宝藏资源，可以说是搞web开发同学的福音了。

Bootstrap有史以来第一次拥有自己的图标库 ，并且在GitHub上开源了！ 该图标库是为Bootstrap的组件和文档定制设计和构建的，现在可免费用于任何项目中。

Bootstrap官网：https://icons.getbootstrap.com/

GitHub链接：https://github.com/twbs/icons

▍Bootstrap图标

该开源项目包含了1100+的icons，都是SVG格式的，可免费下载。

随便点开其中一个Alarm Fill可以看到下载按钮，并且提供了写好的html供复制。此外，还有这个图标的示例。

▍安装

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

 
   
   
 

  
    
    
  npm i bootstrap-icons-save
 
   
   
 

▍如何使用？

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

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

• 通过<img>元素引用

• 使用SVG精灵

• 通过CSS包含

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

  
    
    
  
 
   
   
 


 
   
   
 

  
    
    
  推荐阅读