Bootstrap Icons · Official open source SVG icon library for Bootstrap

Bootstrap Icons是Bootstrap官方推出的图标资源网站，专注于为网页开发、应用设计等场景提供免费且易用的SVG图标服务。

图标资源内容
网站拥有丰富的图标库，涵盖多种类型与场景：
基础元素：包含数字（如“0circle”“1square”）、箭头（如“arrow90degdown”“arrowupright”）、符号（如“asterisk”“at”）等；
设备与工具：涉及电子设备（“laptop”“smartwatch”）、办公工具（“calculator”“printer”）、开发相关（“code”“database”）；
社交与平台：覆盖主流社交应用（“facebook”“twitter”“wechat”“whatsapp”）、技术平台（“github”“gitlab”“npm”）；
生活与场景：包含日常物品（“bag”“cup”“gift”）、天气（“cloud”“rain”“snow”）、交通（“carfront”“trainfront”）等；
界面组件：提供按钮图标（“check”“exclamation”“x”）、导航元素（“menu”“search”“settings”），且多数图标包含“填充版（fill后缀）”与“轮廓版”两种样式，适配不同设计需求。

获取与安装方式
用户可通过以下方式获取图标资源：
1. 包管理器安装：支持npm或Composer命令下载完整资源包（含SVGs、图标精灵、字体文件），命令分别为`npm i bootstrapicons`（npm）和`composer require twbs/bootstrapicons`（Composer）；
2. CDN直接引入：无需下载，通过jsDelivr的CDN链接直接引入图标字体样式表，可快速在项目中使用。例如在HTML“中添加“，或在CSS中用`@import url(“https://cdn.jsdelivr.net/npm/bootstrapicons@1.13.1/font/bootstrapicons.min.css”)`引入。

使用方法
图标支持多种使用场景：
直接使用SVG：将图标SVG代码嵌入HTML，通过设置`width: 1em`和`height: 1em`，可借助`fontsize`快速调整大小；
CSS背景图：将SVG转为Data URI作为CSS背景，需注意转义特殊字符（如“转`%23`），并通过`backgroundsize`控制尺寸；
图标字体：通过类名调用图标字体（如``），配合CSS调整颜色、大小。

无障碍设计说明
为确保图标对辅助技术友好：
纯装饰性图标需添加`ariahidden=”true”`，避免干扰屏幕阅读器；
有实际功能的图标需提供文本替代：如``标签加`alt`属性、“标签加`role=”img”`和`arialabel`，或在包含图标的按钮上用`arialabel`说明功能（例如“Mute”表示静音按钮）。

该网站的图标资源免费、轻量化，且与Bootstrap框架兼容，是开发者和设计师获取通用图标的常用平台。