經(jīng)歷了 5 個(gè) alpha 版本后，Bootstrap Icons 已于近日正式發(fā)布 v1.0.0 穩(wěn)定版。目前該圖標(biāo)庫(kù)已擁有超過(guò) 1100 個(gè)圖標(biāo)，團(tuán)隊(duì)計(jì)劃在即將發(fā)布的小版本中再為其增加數(shù)百個(gè)圖標(biāo)。

自第五個(gè) alpha 版本發(fā)布以來(lái)，團(tuán)隊(duì)已經(jīng)重新繪制了超過(guò)三分之一的圖標(biāo)，主要是因?yàn)閷?duì)路徑和形狀進(jìn)行了微調(diào)。這里的大部分重繪和改進(jìn)都是為圖標(biāo)字體(icon font)做準(zhǔn)備，但遺憾的是，由于從 SVG 生成字體的工具未夠完善，所以圖標(biāo)字體被推遲到了 v1.1.0 版本。

安裝

通過(guò) npm 安裝：

npm i bootstrap-icons
或者從 GitHub 下載新版本，或僅下載 SVG 文件（不包含倉(cāng)庫(kù)的其他文件）。
用法
根據(jù)自己的設(shè)置，可以通過(guò)多種方式將 Bootstrap Icons 添加到項(xiàng)目：
將 SVG 復(fù)制粘貼為內(nèi)嵌式的 HTML 元素
通過(guò)元素引用
使用 SVG sprite
通過(guò) CSS 引入
.bi::before {  display: inline-block;  content: ";  background-image: url("data:image/svg+xml,");  background-repeat: no-repeat;  background-size: 1rem 1rem;}