<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 1,900 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://github.com/twbs/icons/workflows/Tests/badge.svg)](https://github.com/twbs/icons/actions?workflow=Tests)
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` 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 |
## 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 HTML, 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.
## 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)
没有合适的资源?快使用搜索试试~ 我知道了~
Bootstrap Icons开源SVG图标库.rar
共2000个文件
svg:1963个
md:1960个
html:20个
需积分: 5 4 下载量 26 浏览量
2023-07-04
18:51:57
上传
评论
收藏 2.81MB RAR 举报
温馨提示
1. IconPark IconPark 提供超过 2400 个高质量图标,还提供了每个图标的含义和来源的描述,便于开发者使用。除此之外,该网站还可以自定义图标,这是与其他图标网站与众不同的地方。该图标库是字节跳动旗下的技术驱动图标样式的开源图标库。 Github:https://github.com/bytedance/iconpark 2. Font Awesome Font Awesome 提供了可缩放的矢量图标,可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。 Github:https://github.com/FortAwesome/Font-Awesome 3. Ionicons Ionicons 是一个完全开源的图标集,是知名混合开发框架 Ionic Framework 内置的图标库,包含 1300 个设计优雅、风格统一的高质量图标,能满足大多数的业务场景。 Github:https://github.com/ionic-team/ionicons 4. Bootstrap Icons Bootstrap Icons
资源推荐
资源详情
资源评论
收起资源包目录
Bootstrap Icons开源SVG图标库.rar (2000个子文件)
bootstrap-icons.css 93KB
navbar.html 8KB
single.html 5KB
footer.html 4KB
hero.html 2KB
icons.html 1KB
social.html 1KB
scripts.html 1KB
example.html 1010B
head.html 754B
sprite.html 673B
favicons.html 577B
stylesheet.html 505B
home.html 444B
analytics.html 377B
alias.html 356B
404.html 340B
ads.html 131B
skippy.html 122B
md.html 29B
list.html 0B
color-modes.js 2KB
svgo.config.js 2KB
application.js 2KB
build-pages.js 2KB
build-svgs.js 2KB
vnu-jar.js 1KB
.fantasticonrc.js 914B
list.js 178B
package-lock.json 540KB
bootstrap-icons.json 50KB
package.json 3KB
svg-sprite.json 966B
manifest.json 466B
composer.json 425B
.eslintrc.json 375B
.eslintrc.json 242B
_index.md 10KB
README.md 3KB
LICENSE.md 1KB
bug_report.md 583B
404.md 224B
arrow-clockwise.md 162B
x-octagon-fill.md 158B
x-square-fill.md 157B
x-circle-fill.md 157B
envelope-paper-heart-fill.md 155B
envelope-open-heart-fill.md 154B
x-octagon.md 153B
person-badge.md 152B
person-lines-fill.md 152B
x-circle.md 152B
x-square.md 152B
envelope-paper-heart.md 150B
person-hearts.md 150B
regex.md 149B
envelope-open-heart.md 149B
envelope-heart-fill.md 149B
person-heart.md 149B
list-ol.md 148B
x-lg.md 148B
code-square.md 147B
chat-square-heart-fill.md 147B
x-diamond-fill.md 147B
chat-right-heart-fill.md 146B
sprite.md 145B
arrow-counterclockwise.md 145B
x.md 145B
person-badge-fill.md 145B
chat-left-heart-fill.md 145B
ev-front-fill.md 145B
envelope-heart.md 144B
search-heart-fill.md 144B
file-earmark-music-fill.md 143B
x-diamond.md 142B
chat-square-heart.md 142B
file-earmark-person-fill.md 142B
person-bounding-box.md 142B
chat-right-heart.md 141B
filetype-jsx.md 141B
building-fill-exclamation.md 141B
ev-front.md 140B
chat-heart-fill.md 140B
filetype-scss.md 140B
person-dash-fill.md 140B
box2-heart-fill.md 140B
chat-left-heart.md 140B
filetype-sass.md 140B
airplane-engines-fill.md 139B
search-heart.md 139B
person-check.md 139B
sign-turn-slight-right-fill.md 139B
patch-check-fill.md 139B
reception-2.md 138B
car-front-fill.md 138B
reception-1.md 138B
sign-turn-slight-left-fill.md 138B
file-earmark-medical-fill.md 138B
file-earmark-music.md 138B
reception-3.md 138B
共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
野生的大熊
- 粉丝: 230
- 资源: 247
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于matlab实现多车辆车辆路径问题,用遗传算法编程,保证可用.rar
- 基于matlab实现多层极限学习机实现手写体识别,准确率超过99%.rar
- 基于matlab实现电力系统最优潮流程序,可以应用于电力市场下的最优潮流计算 适合电力系统专业的同仁使用.rar
- 串行通信的通信协议串口协议串行通信的通信协议串口协议
- Vue构建交互式的单页面应用程序Vue构建交互式的单页面应用程序
- Spring Boot快速搭建和部署应用程序
- Redis开源的高性键值存储系统广泛应用于缓存、实时消息传递
- Qt跨平台的应用程序开发框架Qt跨平台的应用程序开发框架
- 单片机是集成处理器、存储器和输入输出设备
- 深度学习机器习方法模仿人脑神经网络深度学习机器习方法模仿人脑神经网络
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功