icons

<a href="https://getbootstrap.com/"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/55ecd1a2-fe0a-4e42-badf-24f13ea812f0.png" alt="Bootstrap标志" width="200" height="165"> </a> <h3 align="center">Bootstrap图标</h3> Bootstrap官方开源SVG图标库，包含超过2,000个图标。 <a href="https://icons.getbootstrap.com/">探索Bootstrap图标 »</a> <a href="https://getbootstrap.com/">Bootstrap</a> · <a href="https://themes.getbootstrap.com/">主题</a> · <a href="https://blog.getbootstrap.com/">博客</a>

安装

Bootstrap图标已打包并发布到npm。我们在此包中只包含了处理过的SVG文件——具体实现由您和您的团队决定。阅读我们的文档以获取使用说明。

npm i bootstrap-icons

对于使用Packagist的用户，您也可以通过Composer安装Bootstrap图标：

composer require twbs/bootstrap-icons

Figma中也可用。

使用

根据您的设置，您可以通过多种方式包含Bootstrap图标。

以嵌入HTML的方式复制粘贴SVG
通过<img>元素引用
使用SVG精灵图
通过CSS包含

查看文档以获取更多信息。

开发

克隆仓库，安装依赖，并在本地启动Hugo服务器。

git clone https://github.com/twbs/icons/
cd icons
npm i
npm start

然后在浏览器中打开http://localhost:4000。

npm脚本

以下是开发过程中您将使用的一些关键脚本。请查看我们的package.json或npm run输出以获取完整的脚本列表。

脚本	描述
`start`	`docs-serve`的别名
`docs-serve`	启动本地Hugo服务器
`pages`	使用模板Markdown为每个图标生成永久链接页面
`icons`	处理并优化`icons`目录中的SVG，生成字体和精灵图