<p align="center">
<a href="https://getbootstrap.com/">
<img src="https://getbootstrap.com/docs/5.2/assets/brand/bootstrap-logo-shadow.png" alt="Bootstrap logo" width="200" height="165">
</a>
</p>
<h3 align="center">Bootstrap Icons</h3>
<p align="center">
Official open source SVG icon library for Bootstrap with over 2,000 icons.
<br>
<a href="https://icons.getbootstrap.com/"><strong>Explore Bootstrap Icons »</strong></a>
<br>
<br>
<a href="https://getbootstrap.com/">Bootstrap</a>
·
<a href="https://themes.getbootstrap.com/">Themes</a>
·
<a href="https://blog.getbootstrap.com/">Blog</a>
<br>
</p>
[![Bootstrap Icons preview](https://github.com/twbs/icons/blob/main/.github/preview.png)](https://icons.getbootstrap.com/)
## Install
Bootstrap Icons are packaged up and published to npm. We only include the processed SVGs in this package—it's up to you and your team to implement. [Read our docs](https://icons.getbootstrap.com/) for usage instructions.
```shell
npm i bootstrap-icons
```
For those [using Packagist](https://packagist.org/packages/twbs/bootstrap-icons), you can also install Bootstrap Icons via Composer:
```shell
composer require twbs/bootstrap-icons
```
[Also available in Figma](https://www.figma.com/community/file/1042482994486402696/Bootstrap-Icons).
## Usage
Depending on your setup, you can include Bootstrap Icons in a handful of ways.
- Copy-paste SVGs as embedded HTML
- Reference via `<img>` element
- Use the SVG sprite
- Include via CSS
[See the docs for more information](https://icons.getbootstrap.com/#usage).
## Development
[![Build Status](https://img.shields.io/github/actions/workflow/status/twbs/icons/test.yml?branch=main&label=Tests&logo=github)](https://github.com/twbs/icons/actions/workflows/test.yml?query=workflow%3ATests+branch%3Amain)
[![npm version](https://img.shields.io/npm/v/bootstrap-icons?logo=npm&logoColor=fff)](https://www.npmjs.com/package/bootstrap-icons)
Clone the repo, install dependencies, and start the Hugo server locally.
```shell
git clone https://github.com/twbs/icons/
cd icons
npm i
npm start
```
Then open `http://localhost:4000` in your browser.
### npm scripts
Here are some key scripts you'll use during development. Be sure to look to our `package.json` or `npm run` output for a complete list of scripts.
| Script | Description |
|--------------|-------------------------------------------------------------------------------|
| `start` | Alias for running `docs-serve` |
| `docs-serve` | Starts a local Hugo server |
| `pages` | Generates permalink pages for each icon with template Markdown |
| `icons` | Processes and optimizes SVGs in `icons` directory, generates fonts and sprite |
## Adding SVGs
Icons are typically only added by @mdo, but exceptions can be made. New glyphs are designed in Figma first on a 16x16px grid, then exported as flattened SVGs with `fill` (no stroke). Once a new SVG icon has been added to the `icons` directory, we use an npm script to:
1. Optimize our SVGs with SVGO.
2. Modify the SVGs source code, removing all attributes before setting new attributes and values in our preferred order.
Use `npm run icons` to run the script, run `npm run pages` to build permalink pages, complete those pages, and, finally, commit the results in a new branch for updating.
**Warning**: Please exclude any auto-generated files, like `font/**` and `bootstrap-icons.svg` from your branch because they cause conflicts, and we generally update the dist files before a release.
## Publishing
Documentation is published automatically when a new Git tag is published. See our [GitHub Actions](https://github.com/twbs/icons/tree/main/.github/workflows) and [`package.json`](https://github.com/twbs/icons/blob/main/package.json) for more information.
## License
MIT
## Author
[@mdo](https://github.com/mdo)
没有合适的资源?快使用搜索试试~ 我知道了~
Bootstrap5 图标库 bootstrap-icons
共2000个文件
svg:1991个
css:2个
json:2个
需积分: 0 15 下载量 92 浏览量
2023-09-30
22:17:13
上传
评论
收藏 1.53MB ZIP 举报
温馨提示
Bootstrap5 图标库 bootstrap-icons
资源推荐
资源详情
资源评论
收起资源包目录
Bootstrap5 图标库 bootstrap-icons (2000个子文件)
bootstrap-icons.css 96KB
bootstrap-icons.min.css 84KB
bootstrap-icons.json 51KB
package.json 4KB
LICENSE 1KB
README.md 4KB
bootstrap-icons.scss 56KB
filetype-scss.svg 3KB
flower1.svg 3KB
filetype-sass.svg 3KB
puzzle.svg 3KB
yelp.svg 3KB
filetype-css.svg 3KB
snapchat.svg 2KB
cup-hot.svg 2KB
tornado.svg 2KB
cup-hot-fill.svg 2KB
plus-circle-dotted.svg 2KB
dash-circle-dotted.svg 2KB
browser-safari.svg 2KB
fingerprint.svg 2KB
filetype-json.svg 2KB
cake2.svg 2KB
filetype-docx.svg 2KB
flower3.svg 2KB
filetype-doc.svg 2KB
keyboard.svg 2KB
filetype-svg.svg 2KB
keyboard-fill.svg 2KB
filetype-sql.svg 2KB
filetype-psd.svg 2KB
filetype-csv.svg 2KB
cake2-fill.svg 2KB
water.svg 2KB
tsunami.svg 2KB
globe2.svg 2KB
bing.svg 2KB
filetype-cs.svg 2KB
database-gear.svg 2KB
noise-reduction.svg 2KB
tencent-qq.svg 2KB
receipt.svg 2KB
file-earmark-pdf-fill.svg 2KB
controller.svg 2KB
line.svg 2KB
signal.svg 2KB
umbrella.svg 2KB
rocket-takeoff.svg 2KB
plus-square-dotted.svg 2KB
file-earmark-pdf.svg 2KB
file-pdf.svg 2KB
cloud-snow.svg 2KB
file-pdf-fill.svg 2KB
dash-square-dotted.svg 2KB
train-lightrail-front.svg 2KB
android2.svg 2KB
hand-thumbs-up.svg 2KB
cc-square.svg 2KB
building-fill-gear.svg 2KB
filetype-jpg.svg 2KB
hand-thumbs-down.svg 2KB
piggy-bank.svg 2KB
filetype-mp3.svg 2KB
database-fill-gear.svg 2KB
behance.svg 2KB
paint-bucket.svg 2KB
apple.svg 2KB
filetype-jsx.svg 2KB
building-gear.svg 2KB
skype.svg 2KB
snow2.svg 1KB
gear.svg 1KB
border.svg 1KB
cloud-snow-fill.svg 1KB
rocket.svg 1KB
sign-do-not-enter.svg 1KB
browser-firefox.svg 1KB
puzzle-fill.svg 1KB
sign-do-not-enter-fill.svg 1KB
train-lightrail-front-fill.svg 1KB
filetype-js.svg 1KB
filetype-xlsx.svg 1KB
filetype-png.svg 1KB
fan.svg 1KB
hypnotize.svg 1KB
cloud-sleet.svg 1KB
wikipedia.svg 1KB
database-x.svg 1KB
globe.svg 1KB
list-stars.svg 1KB
sign-stop.svg 1KB
lungs.svg 1KB
database-down.svg 1KB
database-up.svg 1KB
filetype-xls.svg 1KB
database-slash.svg 1KB
globe-asia-australia.svg 1KB
database-check.svg 1KB
filetype-tsx.svg 1KB
filetype-bmp.svg 1KB
共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
W.Y.B.G
- 粉丝: 343
- 资源: 15
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功