图标
-
0-circle
-
0-circle-fill
-
0-square
-
0-square-fill
-
1-circle
-
1-circle-fill
-
1-square
-
1-square-fill
-
123
-
2-circle
-
2-circle-fill
-
2-square
-
2-square-fill
-
3-circle
-
3-circle-fill
-
3-square
-
3-square-fill
-
4-circle
-
4-circle-fill
-
4-square
-
4-square-fill
-
5-circle
-
5-circle-fill
-
5-square
-
5-square-fill
-
6-circle
-
6-circle-fill
-
6-square
-
6-square-fill
-
7-circle
-
7-circle-fill
-
7-square
-
7-square-fill
-
8-circle
-
8-circle-fill
-
8-square
-
8-square-fill
-
9-circle
-
9-circle-fill
-
9-square
-
9-square-fill
-
activity
-
airplane
-
airplane-engines
-
airplane-engines-fill
-
airplane-fill
-
alarm
-
alarm-fill
-
alexa
-
align-bottom
-
align-center
-
align-end
-
align-middle
-
align-start
-
align-top
-
alipay
-
字母
-
大写字母
-
备用
-
亚马逊
-
AMD
-
安卓
-
安卓2
-
应用
-
应用指示器
-
苹果
-
存档
-
已存档
-
向下箭头 90 度
-
向左箭头 90 度
-
向右箭头 90 度
-
向上箭头 90 度
-
向下箭头条
-
向左箭头条
-
向右箭头条
-
向上箭头条
-
顺时针箭头
-
逆时针箭头
-
向下箭头
-
向下箭头圆圈
-
向下箭头圆圈填充
-
向下左箭头圆圈
-
向下左箭头圆圈填充
-
向下左箭头方块
-
向下左箭头方块填充
-
向下右箭头圆圈
-
向下右箭头圆圈填充
-
向下右箭头方块
-
向下右箭头方块填充
-
向下箭头方块
-
向下箭头方块填充
-
向下左箭头
-
向下右箭头
-
向下短箭头
-
上下箭头
-
向左箭头
-
向左箭头圆圈
-
向左箭头圆圈填充
-
向左箭头方块
-
向左箭头方块填充
-
左右箭头
-
向左短箭头
-
重复箭头
-
向左返回箭头
-
向右返回箭头
-
向右箭头
-
向右箭头圆圈
-
向右箭头圆圈填充
-
向右箭头方块
-
向右箭头方块填充
-
向右短箭头
-
穿过心脏的箭头
-
穿过心脏的箭头填充
-
向上箭头
-
向上箭头圆圈
-
向上箭头圆圈填充
-
向上左箭头圆圈
-
向上左箭头圆圈填充
-
向上左箭头方块
-
向上左箭头方块填充
-
向上右箭头圆圈
-
向上右箭头圆圈填充
-
向上右箭头方块
-
向上右箭头方块填充
-
向上箭头方块
-
向上箭头方块填充
-
向上左箭头
-
向上右箭头
-
向上短箭头
-
箭头
-
角度收缩箭头
-
角度展开箭头
-
收缩箭头
-
垂直收缩箭头
-
展开箭头
-
垂直展开箭头
-
全屏箭头
-
移动箭头
-
垂直箭头
-
纵横比
-
纵横比填充
-
星号
-
在
-
奖项
-
奖项填充
-
后退
-
背包
-
背包填充
-
背包2
-
背包2 填充
-
背包3
-
背包3 填充
-
背包4
-
背包4 填充
-
退格键
-
退格键填充
-
反向退格键
-
反向退格键填充
-
3D 徽章
-
3D 徽章填充
-
4K 徽章
-
4K 徽章填充
-
8K 徽章
-
8K 徽章填充
-
广告徽章
-
广告徽章填充
-
AR 徽章
-
AR 徽章填充
-
CC 徽章
-
CC 徽章填充
-
HD 徽章
-
HD 徽章填充
-
SD 徽章
-
SD 徽章填充
-
TM 徽章
-
TM 徽章填充
-
VO 徽章
-
徽章-vo-填充
-
徽章-vr
-
徽章-vr-填充
-
徽章-wc
-
徽章-wc-填充
-
包
-
包-勾选
-
包-勾选-填充
-
包-破折号
-
包-破折号-填充
-
包-填充
-
包-心
-
包-心-填充
-
包-加号
-
包-加号-填充
-
包-叉号
-
包-叉号-填充
-
气球
-
气球-填充
-
气球-心
-
气球-心-填充
-
禁止
-
禁止-填充
-
创可贴
-
创可贴-填充
-
银行
-
银行2
-
条形图
-
条形图-填充
-
条形图-线
-
条形图-线-填充
-
条形图-阶梯
-
篮子
-
篮子-填充
-
篮子2
-
篮子2-填充
-
篮子3
-
篮子3-填充
-
电池
-
电池-充电
-
电池-满
-
电池-半
-
Behance
-
铃铛
-
铃铛-填充
-
静音
-
静音-填充
-
贝塞尔曲线
-
贝塞尔曲线2
-
自行车
-
必应
-
双筒望远镜
-
双筒望远镜-填充
-
左引号
-
右引号
-
蓝牙
-
正文
-
书
-
书-填充
-
书-半
-
书签
-
书签-勾选
-
书签-勾选-填充
-
书签-破折号
-
书签-破折号-填充
-
书签-填充
-
书签-心
-
书签-心-填充
-
书签-加号
-
书签-加号-填充
-
书签-星
-
书签-星-填充
-
书签-叉号
-
书签-叉号-填充
-
书签
-
书签-填充
-
书架
-
收音机
-
收音机-填充
-
Bootstrap
-
Bootstrap-填充
-
Bootstrap-重置
-
边框
-
所有边框
-
下边框
-
中心边框
-
内边框
-
左边框
-
中间边框
-
外边框
-
右边框
-
边框样式
-
上边框
-
边框宽度
-
边界框
-
边界框-圆圈
-
盒子
-
盒子-箭头-向下-向左
-
盒子-箭头-向下-向右
-
盒子-箭头-向下
-
盒子-箭头-向内-向下
-
盒子-箭头-向内-向下-向左
-
盒子-箭头-向内-向下-向右
-
盒子-箭头-向内-向左
-
盒子-箭头-向内-向右
-
盒子-箭头-向内-向上
-
盒子-箭头-向内-向上-向左
-
盒子-箭头-向内-向上-向右
-
盒子-箭头-向左
-
盒子-箭头-向右
-
盒子-箭头-向上
-
盒子-箭头-向上-向左
-
盒子-箭头-向上-向右
-
盒子-填充
-
盒子-接缝
-
盒子-接缝-填充
-
盒子2
-
盒子2-填充
-
盒子2-心
-
盒子2-心-填充
-
盒子
-
大括号
-
大括号-星号
-
砖块
-
公文包
-
公文包-填充
-
亮度-高-alt
-
亮度-高-alt-填充
-
亮度-低-alt
-
亮度-低-alt-填充
-
亮度-高
-
亮度-高-填充
-
亮度-低
-
亮度-低-填充
-
亮度
-
广播
-
广播-引脚
-
浏览器-Chrome
-
浏览器-Edge
-
浏览器-Firefox
-
浏览器-Safari
-
画笔
-
画笔-填充
-
水桶
-
水桶-填充
-
虫子
-
虫子-填充
-
建筑
-
建筑-添加
-
建筑-勾选
-
建筑-破折号
-
建筑-向下
-
建筑-感叹号
-
建筑-填充
-
建筑-填充-添加
-
建筑-填充-勾选
-
建筑-填充-破折号
-
建筑-填充-向下
-
建筑-填充-感叹号
-
建筑-填充-齿轮
-
建筑-填充-锁定
-
建筑-填充-斜线
-
建筑-填充-向上
-
建筑-填充-叉号
-
建筑-齿轮
-
建筑-锁定
-
建筑-斜线
-
建筑-向上
-
建筑-叉号
-
建筑群
-
建筑群-填充
-
靶心
-
公交车-正面
-
公交车-正面-填充
-
C-圆形
-
C-圆形-填充
-
C-方形
-
C-方形-填充
-
蛋糕
-
蛋糕-填充
-
蛋糕2
-
蛋糕2-填充
-
计算器
-
计算器-填充
-
日历
-
日历-勾选
-
日历-勾选-填充
-
日历-日期
-
日历-日期-填充
-
日历-天
-
日历-天-填充
-
日历-事件
-
日历-事件-填充
-
日历-填充
-
日历-心形
-
日历-心形-填充
-
日历-减号
-
日历-减号-填充
-
日历-月
-
日历-月-填充
-
日历-加号
-
日历-加号-填充
-
日历-范围
-
日历-范围-填充
-
日历-周
-
日历-周-填充
-
日历-叉号
-
日历-叉号-填充
-
日历2
-
日历2-勾选
-
日历2-勾选-填充
-
日历2-日期
-
日历2-日期-填充
-
日历2-天
-
日历2-天-填充
-
日历2-事件
-
日历2-事件-填充
-
日历2-填充
-
日历2-心形
-
日历2-心形-填充
-
日历2-减号
-
日历2-减号-填充
-
日历2-月
-
日历2-月-填充
-
日历2-加号
-
日历2-加号-填充
-
日历2-范围
-
日历2-范围-填充
-
日历2-周
-
日历2-周-填充
-
日历2-叉号
-
日历2-叉号-填充
-
日历3
-
日历3-事件
-
日历3-事件-填充
-
日历3-填充
-
日历3-范围
-
日历3-范围-填充
-
日历3-周
-
calendar3-week-fill
-
calendar4
-
calendar4-event
-
calendar4-range
-
calendar4-week
-
camera
-
camera2
-
camera-fill
-
camera-reels
-
camera-reels-fill
-
camera-video
-
camera-video-fill
-
camera-video-off
-
camera-video-off-fill
-
capslock
-
capslock-fill
-
capsule
-
capsule-pill
-
car-front
-
car-front-fill
-
card-checklist
-
card-heading
-
card-image
-
card-list
-
card-text
-
caret-down
-
caret-down-fill
-
caret-down-square
-
caret-down-square-fill
-
caret-left
-
caret-left-fill
-
caret-left-square
-
caret-left-square-fill
-
caret-right
-
caret-right-fill
-
caret-right-square
-
caret-right-square-fill
-
caret-up
-
caret-up-fill
-
caret-up-square
-
caret-up-square-fill
-
cart
-
cart-check
-
cart-check-fill
-
cart-dash
-
cart-dash-fill
-
cart-fill
-
cart-plus
-
cart-plus-fill
-
cart-x
-
cart-x-fill
-
cart2
-
cart3
-
cart4
-
cash
-
cash-coin
-
cash-stack
-
cassette
-
cassette-fill
-
cast
-
cc-circle
-
cc-circle-fill
-
cc-square
-
cc-square-fill
-
chat
-
chat-dots
-
chat-dots-fill
-
chat-fill
-
chat-heart
-
chat-heart-fill
-
chat-left
-
chat-left-dots
-
chat-left-dots-fill
-
chat-left-fill
-
chat-left-heart
-
chat-left-heart-fill
-
chat-left-quote
-
chat-left-quote-fill
-
chat-left-text
-
chat-left-text-fill
-
chat-quote
-
chat-quote-fill
-
chat-right
-
chat-right-dots
-
chat-right-dots-fill
-
chat-right-fill
-
chat-right-heart
-
chat-right-heart-fill
-
chat-right-quote
-
chat-right-quote-fill
-
chat-right-text
-
chat-right-text-fill
-
chat-square
-
chat-square-dots
-
chat-square-dots-fill
-
chat-square-fill
-
chat-square-heart
-
chat-square-heart-fill
-
chat-square-quote
-
chat-square-quote-fill
-
chat-square-text
-
chat-square-text-fill
-
chat-text
-
chat-text-fill
-
check
-
check-all
-
check-circle
-
check-circle-fill
-
check-lg
-
check-square
-
check-square-fill
-
check2
-
check2-all
-
check2-circle
-
check2-square
-
chevron-bar-contract
-
chevron-bar-down
-
chevron-bar-expand
-
chevron-bar-left
-
chevron-bar-right
-
chevron-bar-up
-
chevron-compact-down
-
chevron-compact-left
-
chevron-compact-right
-
chevron-compact-up
-
chevron-contract
-
chevron-double-down
-
chevron-double-left
-
chevron-double-right
-
chevron-double-up
-
chevron-down
-
chevron-expand
-
chevron-left
-
chevron-right
-
chevron-up
-
circle
-
circle-fill
-
circle-half
-
slash-circle
-
circle-square
-
clipboard
-
clipboard-check
-
clipboard-check-fill
-
clipboard-data
-
clipboard-data-fill
-
clipboard-fill
-
clipboard-heart
-
clipboard-heart-fill
-
clipboard-minus
-
clipboard-minus-fill
-
clipboard-plus
-
clipboard-plus-fill
-
clipboard-pulse
-
clipboard-x
-
clipboard-x-fill
-
clipboard2
-
clipboard2-check
-
clipboard2-check-fill
-
clipboard2-data
-
clipboard2-data-fill
-
clipboard2-fill
-
clipboard2-heart
-
clipboard2-heart-fill
-
clipboard2-minus
-
clipboard2-minus-fill
-
clipboard2-plus
-
clipboard2-plus-fill
-
clipboard2-pulse
-
clipboard2-pulse-fill
-
clipboard2-x
-
clipboard2-x-fill
-
clock
-
clock-fill
-
clock-history
-
cloud
-
cloud-arrow-down
-
cloud-arrow-down-fill
-
cloud-arrow-up
-
cloud-arrow-up-fill
-
cloud-check
-
cloud-check-fill
-
cloud-download
-
cloud-download-fill
-
cloud-drizzle
-
cloud-drizzle-fill
-
cloud-fill
-
cloud-fog
-
cloud-fog-fill
-
cloud-fog2
-
cloud-fog2-fill
-
cloud-hail
-
cloud-hail-fill
-
cloud-haze
-
cloud-haze-fill
-
cloud-haze2
-
cloud-haze2-fill
-
cloud-lightning
-
cloud-lightning-fill
-
cloud-lightning-rain
-
cloud-lightning-rain-fill
-
cloud-minus
-
cloud-minus-fill
-
cloud-moon
-
cloud-moon-fill
-
cloud-plus
-
cloud-plus-fill
-
cloud-rain
-
cloud-rain-fill
-
cloud-rain-heavy
-
cloud-rain-heavy-fill
-
cloud-slash
-
cloud-slash-fill
-
cloud-sleet
-
cloud-sleet-fill
-
cloud-snow
-
cloud-snow-fill
-
cloud-sun
-
cloud-sun-fill
-
cloud-upload
-
cloud-upload-fill
-
clouds
-
clouds-fill
-
cloudy
-
cloudy-fill
-
code
-
code-slash
-
code-square
-
硬币
-
收藏
-
收藏-填充
-
收藏-播放
-
收藏-播放-填充
-
列
-
列-间距
-
命令
-
指南针
-
指南针-填充
-
圆锥
-
圆锥-条纹
-
控制器
-
饼干
-
复制
-
中央处理器
-
中央处理器-填充
-
信用卡
-
信用卡-2-背面
-
信用卡-2-背面-填充
-
信用卡-2-正面
-
信用卡-2-正面-填充
-
信用卡-填充
-
裁剪
-
十字准星
-
十字准星2
-
杯子
-
杯子-填充
-
热杯
-
热杯-填充
-
吸管杯
-
货币-比特币
-
货币-美元
-
货币-欧元
-
货币-兑换
-
货币-英镑
-
货币-卢比
-
货币-日元
-
光标
-
光标-填充
-
文本光标
-
破折号
-
破折号-圆形
-
破折号-圆形-点状
-
破折号-圆形-填充
-
破折号-大
-
破折号-方形
-
破折号-方形-点状
-
破折号-方形-填充
-
数据库
-
数据库-添加
-
数据库-勾选
-
数据库-破折号
-
数据库-向下
-
数据库-感叹号
-
数据库-填充
-
数据库-填充-添加
-
数据库-填充-勾选
-
数据库-填充-破折号
-
数据库-填充-向下
-
数据库-填充-感叹号
-
数据库-填充-齿轮
-
数据库-填充-锁定
-
数据库-填充-斜线
-
数据库-填充-向上
-
数据库-填充-叉号
-
数据库-齿轮
-
数据库-锁定
-
数据库-斜线
-
数据库-向上
-
数据库-叉号
-
设备-硬盘
-
设备-硬盘-填充
-
设备-固态硬盘
-
设备-固态硬盘-填充
-
图表-2
-
图表-2-填充
-
图表-3
-
图表-3-填充
-
菱形
-
菱形-填充
-
菱形-一半
-
骰子-1
-
骰子-1-填充
-
骰子-2
-
骰子-2-填充
-
骰子-3
-
骰子-3-填充
-
骰子-4
-
骰子-4-填充
-
骰子-5
-
骰子-5-填充
-
骰子-6
-
骰子-6-填充
-
圆盘
-
圆盘-填充
-
Discord
-
显示器
-
显示器-填充
-
DisplayPort
-
DisplayPort-填充
-
水平分布
-
垂直分布
-
关门
-
关门-填充
-
开门
-
开门-填充
-
点
-
下载
-
方向键
-
方向键-填充
-
Dribbble
-
Dropbox
-
水滴
-
水滴-填充
-
水滴-一半
-
旅行包
-
旅行包-填充
-
耳朵
-
耳朵-填充
-
耳机
-
画架
-
填充画架
-
画架2
-
填充画架2
-
画架3
-
填充画架3
-
鸡蛋
-
填充鸡蛋
-
煎蛋
-
弹出
-
填充弹出
-
愤怒表情
-
填充愤怒表情
-
惊讶表情
-
填充惊讶表情
-
头晕表情
-
填充头晕表情
-
无表情
-
填充无表情
-
皱眉表情
-
填充皱眉表情
-
鬼脸表情
-
填充鬼脸表情
-
咧嘴笑表情
-
填充咧嘴笑表情
-
爱心眼表情
-
填充爱心眼表情
-
亲吻表情
-
填充亲吻表情
-
大笑表情
-
填充大笑表情
-
中性表情
-
填充中性表情
-
微笑表情
-
填充微笑表情
-
倒着笑表情
-
填充倒着笑表情
-
墨镜表情
-
填充墨镜表情
-
惊讶表情
-
填充惊讶表情
-
流泪表情
-
填充流泪表情
-
眨眼表情
-
填充眨眼表情
-
信封
-
向下箭头信封
-
填充向下箭头信封
-
向上箭头信封
-
填充向上箭头信封
-
带@符号的信封
-
填充带@符号的信封
-
带勾选的信封
-
填充带勾选的信封
-
带破折号的信封
-
填充带破折号的信封
-
带感叹号的信封
-
填充带感叹号的信封
-
填充信封
-
带爱心符号的信封
-
填充带爱心符号的信封
-
打开信封
-
填充打开信封
-
带爱心符号的打开信封
-
填充带爱心符号的打开信封
-
信纸
-
填充信纸
-
带爱心符号的信纸
-
填充带爱心符号的信纸
-
带加号的信封
-
填充带加号的信封
-
带斜线的信封
-
填充带斜线的信封
-
带叉号的信封
-
填充带叉号的信封
-
橡皮擦
-
填充橡皮擦
-
退出
-
以太网
-
电动汽车正面
-
填充电动汽车正面
-
电动汽车充电站
-
填充电动汽车充电站
-
感叹号
-
感叹号圆圈
-
填充感叹号圆圈
-
感叹号菱形
-
填充感叹号菱形
-
大感叹号
-
感叹号八边形
-
填充感叹号八边形
-
感叹号正方形
-
填充感叹号正方形
-
感叹号三角形
-
填充感叹号三角形
-
排除
-
显式
-
填充显式
-
曝光
-
眼睛
-
填充眼睛
-
斜眼
-
填充斜眼
-
滴管
-
眼镜
-
脸书
-
风扇
-
快进
-
快进按钮
-
填充快进按钮
-
快进圆圈
-
填充快进圆圈
-
填充快进
-
羽毛
-
羽毛笔2
-
文件
-
文件向下箭头
-
文件向下箭头填充
-
文件向上箭头
-
文件向上箭头填充
-
文件条形图
-
文件条形图填充
-
文件二进制
-
文件二进制填充
-
文件断裂
-
文件断裂填充
-
文件勾选
-
文件勾选填充
-
文件代码
-
文件代码填充
-
文件差异
-
文件差异填充
-
文件标记
-
文件标记向下箭头
-
文件标记向下箭头填充
-
文件标记向上箭头
-
文件标记向上箭头填充
-
文件标记条形图
-
文件标记条形图填充
-
文件标记二进制
-
文件标记二进制填充
-
文件标记断裂
-
文件标记断裂填充
-
文件标记勾选
-
文件标记勾选填充
-
文件标记代码
-
文件标记代码填充
-
文件标记差异
-
文件标记差异填充
-
文件标记画架
-
文件标记画架填充
-
文件标记Excel
-
文件标记Excel填充
-
文件标记填充
-
文件标记字体
-
文件标记字体填充
-
文件标记图像
-
文件标记图像填充
-
文件标记锁定
-
文件标记锁定填充
-
文件标记锁定2
-
文件标记锁定2填充
-
文件标记医疗
-
文件标记医疗填充
-
文件标记减号
-
文件标记减号填充
-
文件标记音乐
-
文件标记音乐填充
-
文件标记PDF
-
文件标记PDF填充
-
文件标记人物
-
文件标记人物填充
-
文件标记播放
-
文件标记播放填充
-
文件标记加号
-
文件标记加号填充
-
文件标记帖子
-
文件标记帖子填充
-
文件标记PPT
-
文件标记PPT填充
-
文件标记富文本
-
文件标记富文本填充
-
文件标记带格
-
文件标记带格填充
-
文件标记幻灯片
-
文件标记幻灯片填充
-
文件标记电子表格
-
文件标记电子表格填充
-
文件标记文本
-
文件标记文本填充
-
文件标记Word
-
文件标记Word填充
-
文件标记叉号
-
文件标记叉号填充
-
文件标记压缩包
-
文件标记压缩包填充
-
文件画架
-
文件画架填充
-
文件Excel
-
文件Excel填充
-
文件填充
-
文件字体
-
文件字体填充
-
文件图像
-
文件图像填充
-
文件锁定
-
文件锁定填充
-
文件锁定2
-
文件锁定2填充
-
文件医疗
-
文件医疗填充
-
文件减号
-
文件减号填充
-
文件音乐
-
文件音乐填充
-
文件PDF
-
文件PDF填充
-
文件人物
-
文件人物填充
-
文件播放
-
文件播放填充
-
文件加号
-
文件加号填充
-
文件帖子
-
文件帖子填充
-
文件PPT
-
文件PPT填充
-
文件-富文本
-
文件-富文本-填充
-
文件-带线
-
文件-带线-填充
-
文件-幻灯片
-
文件-幻灯片-填充
-
文件-电子表格
-
文件-电子表格-填充
-
文件-文本
-
文件-文本-填充
-
文件-Word
-
文件-Word-填充
-
文件-X
-
文件-X-填充
-
文件-压缩
-
文件-压缩-填充
-
文件
-
文件-替代
-
文件类型-AAC
-
文件类型-AI
-
文件类型-BMP
-
文件类型-CS
-
文件类型-CSS
-
文件类型-CSV
-
文件类型-DOC
-
文件类型-DOCX
-
文件类型-EXE
-
文件类型-GIF
-
文件类型-HEIC
-
文件类型-HTML
-
文件类型-JAVA
-
文件类型-JPG
-
文件类型-JS
-
文件类型-JSON
-
文件类型-JSX
-
文件类型-KEY
-
文件类型-M4P
-
文件类型-MD
-
文件类型-MDX
-
文件类型-MOV
-
文件类型-MP3
-
文件类型-MP4
-
文件类型-OTF
-
文件类型-PDF
-
文件类型-PHP
-
文件类型-PNG
-
文件类型-PPT
-
文件类型-PPTX
-
文件类型-PSD
-
文件类型-PY
-
文件类型-RAW
-
文件类型-RB
-
文件类型-SASS
-
文件类型-SCSS
-
文件类型-SH
-
文件类型-SQL
-
文件类型-SVG
-
文件类型-TIFF
-
文件类型-TSX
-
文件类型-TTF
-
文件类型-TXT
-
文件类型-WAV
-
文件类型-WOFF
-
文件类型-XLS
-
文件类型-XLSX
-
文件类型-XML
-
文件类型-YML
-
电影
-
过滤器
-
圆形过滤器
-
圆形过滤器-填充
-
左侧过滤器
-
右侧过滤器
-
方形过滤器
-
方形过滤器-填充
-
指纹
-
火焰
-
旗帜
-
旗帜-填充
-
软盘
-
软盘-填充
-
软盘2
-
软盘2-填充
-
花朵1
-
花朵2
-
花朵3
-
文件夹
-
文件夹-勾选
-
文件夹-填充
-
文件夹-减号
-
文件夹-加号
-
文件夹-符号链接
-
文件夹-符号链接-填充
-
文件夹-X
-
文件夹2
-
文件夹2-打开
-
字体
-
前进
-
前进-填充
-
正面
-
加油泵
-
柴油加油泵
-
柴油加油泵-填充
-
加油泵-填充
-
全屏
-
退出全屏
-
漏斗
-
漏斗-填充
-
齿轮
-
齿轮-填充
-
宽齿轮
-
连接的宽齿轮
-
宝石
-
性别-模糊
-
性别-女性
-
性别-男性
-
性别-中性
-
性别-变性
-
地理位置
-
地理位置-替代
-
地理位置-替代-填充
-
地理位置-填充
-
礼物
-
礼物-填充
-
Git
-
GitHub
-
GitLab
-
地球
-
地球-美洲
-
地球-亚洲-澳洲
-
地球-中南亚
-
地球-欧洲-非洲
-
地球2
-
谷歌
-
谷歌 Play
-
显卡
-
图表下降
-
图表下降箭头
-
图表上升
-
图表上升箭头
-
网格
-
1x2 网格
-
1x2 网格填充
-
3x2 网格
-
3x2 网格间隙
-
3x2 网格间隙填充
-
3x3 网格
-
3x3 网格间隙
-
3x3 网格间隙填充
-
网格填充
-
水平抓手
-
垂直抓手
-
水平圆圈
-
水平圆圈填充
-
水平正方形
-
水平正方形填充
-
锤子
-
食指
-
食指填充
-
食指拇指
-
食指拇指填充
-
竖起大拇指
-
竖起大拇指填充
-
竖起大拇指
-
竖起大拇指填充
-
手提包
-
手提包填充
-
井号
-
硬盘
-
硬盘填充
-
网络硬盘
-
网络硬盘填充
-
硬盘机架
-
硬盘机架填充
-
硬盘堆叠
-
硬盘堆叠填充
-
HDMI
-
HDMI 填充
-
耳机
-
耳机
-
VR 耳机
-
心形
-
心形箭头
-
心形填充
-
半心形
-
心形脉搏
-
心形脉搏填充
-
心碎
-
心碎填充
-
心形
-
七边形
-
七边形填充
-
半七边形
-
六边形
-
六边形填充
-
半六边形
-
荧光笔
-
高亮
-
医院
-
医院填充
-
沙漏
-
沙漏底部
-
沙漏分割
-
沙漏顶部
-
房屋
-
房屋添加
-
房屋添加填充
-
房屋勾选
-
房屋勾选填充
-
房屋虚线
-
房屋虚线填充
-
房屋门
-
房屋门填充
-
房屋向下
-
房屋向下填充
-
房屋感叹号
-
房屋感叹号填充
-
房屋填充
-
房屋齿轮
-
房屋齿轮填充
-
房屋心形
-
房屋心形填充
-
房屋锁
-
房屋锁填充
-
房屋斜线
-
房屋斜线填充
-
房屋向上
-
房屋向上填充
-
房屋叉号
-
房屋叉号填充
-
房屋
-
房屋填充
-
水平线
-
飓风
-
催眠
-
图片
-
图片替代
-
图片填充
-
图片
-
收件箱
-
收件箱填充
-
收件箱填充
-
收件箱
-
隐身模式
-
缩进
-
无限
-
信息
-
信息圆圈
-
信息圆圈填充
-
信息大号
-
信息正方形
-
信息正方形填充
-
输入光标
-
输入光标文本
-
Instagram
-
交叉
-
日记
-
日记本-相册
-
日记本-向下箭头
-
日记本-向上箭头
-
日记本-书签
-
日记本-书签填充
-
日记本-勾选
-
日记本-代码
-
日记本-医疗
-
日记本-减号
-
日记本-加号
-
日记本-富文本
-
日记本-文本
-
日记本-X
-
日记本
-
操纵杆
-
两端对齐
-
左对齐
-
右对齐
-
看板
-
看板填充
-
钥匙
-
钥匙填充
-
键盘
-
键盘填充
-
梯子
-
灯
-
灯填充
-
笔记本电脑
-
笔记本电脑填充
-
图层向后
-
图层向前
-
图层
-
图层填充
-
图层一半
-
布局-侧边栏
-
布局-侧边栏内嵌反转
-
布局-侧边栏内嵌
-
布局-侧边栏反转
-
布局-分割
-
布局-文本侧边栏
-
布局-文本侧边栏反转
-
布局-文本窗口
-
布局-文本窗口反转
-
布局-三列
-
布局-WTF
-
救生圈
-
灯泡
-
灯泡填充
-
灯泡关闭
-
灯泡关闭填充
-
闪电
-
闪电充电
-
闪电充电填充
-
闪电填充
-
线条
-
链接
-
45度链接
-
领英
-
列表
-
列表勾选
-
列表列
-
列表列反转
-
列表嵌套
-
列表编号
-
列表星号
-
列表任务
-
列表无序
-
锁
-
锁填充
-
行李箱
-
行李箱填充
-
肺
-
肺填充
-
魔法
-
磁铁
-
磁铁填充
-
邮箱
-
邮箱旗帜
-
邮箱2
-
邮箱2旗帜
-
地图
-
地图填充
-
Markdown
-
Markdown填充
-
标记点
-
面具
-
Mastodon
-
Medium
-
扩音器
-
扩音器填充
-
内存
-
应用程序菜单
-
应用程序菜单填充
-
菜单按钮
-
菜单按钮填充
-
宽菜单按钮
-
宽菜单按钮填充
-
向下菜单
-
向上菜单
-
Messenger
-
Meta
-
麦克风
-
麦克风填充
-
静音麦克风
-
静音麦克风填充
-
微软
-
微软团队
-
矿车
-
装载矿车
-
调制解调器
-
调制解调器填充
-
湿度
-
月亮
-
月亮填充
-
月亮星星
-
月亮星星填充
-
学位帽
-
学位帽填充
-
主板
-
主板填充
-
鼠标
-
鼠标填充
-
鼠标2
-
鼠标2-填充
-
鼠标3
-
鼠标3-填充
-
音符
-
音符-连线
-
音符列表
-
音乐播放器
-
音乐播放器-填充
-
报纸
-
任天堂Switch
-
节点减号
-
节点减号-填充
-
节点加号
-
节点加号-填充
-
降噪
-
螺母
-
螺母-填充
-
英伟达
-
NVMe
-
NVMe-填充
-
八边形
-
八边形-填充
-
八边形-半填充
-
Open Collective
-
光纤音频
-
光纤音频-填充
-
选项
-
插座
-
P圆形
-
P圆形-填充
-
P方形
-
P方形-填充
-
油漆桶
-
调色板
-
调色板-填充
-
调色板2
-
回形针
-
段落
-
通过
-
通过-填充
-
护照
-
护照-填充
-
补丁-勾号
-
补丁-勾号-填充
-
补丁-感叹号
-
补丁-感叹号-填充
-
补丁-减号
-
补丁-减号-填充
-
补丁-加号
-
补丁-加号-填充
-
补丁-问号
-
补丁-问号-填充
-
暂停
-
暂停按钮
-
暂停按钮-填充
-
暂停圆形
-
暂停圆形-填充
-
暂停-填充
-
PayPal
-
电脑
-
电脑显示器
-
电脑显示器-横向
-
电脑-横向
-
PCI卡
-
PCI卡-网络
-
PCI卡-声音
-
和平
-
和平-填充
-
钢笔
-
钢笔-填充
-
铅笔
-
铅笔-填充
-
铅笔方形
-
五边形
-
五边形-填充
-
五边形-半填充
-
人们
-
人物圆形
-
人们-填充
-
百分比
-
人物
-
人物-添加
-
人物-举手
-
人物-徽章
-
人物-徽章-填充
-
人物-边框
-
人物-勾号
-
人物-勾号-填充
-
人物-破折号
-
人物-破折号-填充
-
人物-向下
-
人物-感叹号
-
人物-填充
-
人物-填充-添加
-
人物-填充-勾号
-
人物-填充-破折号
-
人物-填充-向下
-
人物-填充-感叹号
-
人物-填充-齿轮
-
人物-填充-锁
-
人物-填充-斜线
-
人物-填充-向上
-
人物-填充-叉号
-
人物-齿轮
-
人物-心形
-
人物-爱心
-
人物-线条-填充
-
人物-锁
-
人物-加号
-
人物-加号-填充
-
人物-举手
-
人物-名片夹
-
人物-斜线
-
人物-方形
-
人物-站立
-
人物-站立-连衣裙
-
人物-向上
-
人物-名片
-
人物-名片-填充
-
人物-视频
-
人物-视频2
-
人物-视频3
-
人物-行走
-
轮椅上的残疾人
-
工作区的人
-
人
-
实心人
-
电话
-
实心电话
-
翻转电话
-
横屏电话
-
实心横屏电话
-
振动电话
-
实心振动电话
-
饼图
-
实心饼图
-
存钱罐
-
实心存钱罐
-
图钉
-
带角图钉
-
实心带角图钉
-
实心图钉
-
地图图钉
-
实心地图图钉
-
Pinterest
-
PIP
-
实心PIP
-
播放
-
播放按钮
-
实心播放按钮
-
播放圆圈
-
实心播放圆圈
-
实心播放
-
PlayStation
-
插头
-
实心插头
-
插件
-
加号
-
加号圆圈
-
点状加号圆圈
-
实心加号圆圈
-
大加号
-
加号斜杠减号
-
加号方块
-
点状加号方块
-
实心加号方块
-
邮票
-
实心邮票
-
爱心邮票
-
实心爱心邮票
-
明信片
-
实心明信片
-
爱心明信片
-
实心爱心明信片
-
电源
-
处方
-
处方2
-
打印机
-
实心打印机
-
投影仪
-
实心投影仪
-
拼图
-
实心拼图
-
二维码
-
扫描二维码
-
问号
-
问号圆圈
-
问号菱形
-
实心问号菱形
-
实心问号圆圈
-
大问号
-
问号八边形
-
实心问号八边形
-
问号方块
-
实心问号方块
-
Quora
-
引号
-
R圆圈
-
实心R圆圈
-
R方块
-
实心R方块
-
雷达
-
放射性
-
彩虹
-
收据
-
收据截断
-
信号0
-
信号1
-
信号2
-
信号3
-
信号4
-
录制
-
录制按钮
-
实心录制按钮
-
录制圆圈
-
实心录制圆圈
-
实心录制
-
录制2
-
实心录制2
-
回收
-
Reddit
-
正则表达式
-
重复
-
重复1
-
回复
-
全部回复
-
实心全部回复
-
实心回复
-
倒带
-
倒带按钮
-
实心倒带按钮
-
倒带圆圈
-
实心倒带圆圈
-
实心倒带
-
机器人
-
火箭
-
实心火箭
-
起飞的火箭
-
实心起飞的火箭
-
路由器
-
实心路由器
-
RSS
-
实心RSS
-
尺子
-
保险箱
-
实心保险箱
-
safe2
-
safe2-fill
-
保存
-
保存-填充
-
safe2
-
safe2-fill
-
剪刀
-
滑板车
-
螺丝刀
-
SD卡
-
SD卡-填充
-
搜索
-
搜索-心形
-
搜索-心形-填充
-
分段导航
-
发送
-
发送-向下箭头
-
发送-向下箭头-填充
-
发送-向上箭头
-
发送-向上箭头-填充
-
发送-勾号
-
发送-勾号-填充
-
发送-破折号
-
发送-破折号-填充
-
发送-感叹号
-
发送-感叹号-填充
-
发送-填充
-
发送-加号
-
发送-加号-填充
-
发送-斜杠
-
发送-斜杠-填充
-
发送-叉号
-
发送-叉号-填充
-
服务器
-
阴影
-
分享
-
分享-填充
-
盾牌
-
盾牌-勾号
-
盾牌-感叹号
-
盾牌-填充
-
盾牌-填充-勾号
-
盾牌-填充-感叹号
-
盾牌-填充-减号
-
盾牌-填充-加号
-
盾牌-填充-叉号
-
盾牌-锁
-
盾牌-锁-填充
-
盾牌-减号
-
盾牌-加号
-
盾牌-阴影
-
盾牌-斜杠
-
盾牌-斜杠-填充
-
盾牌-叉号
-
移位
-
移位-填充
-
商店
-
商店橱窗
-
随机播放
-
路标-死胡同
-
路标-死胡同-填充
-
路标-禁止进入
-
路标-禁止进入-填充
-
路标-十字路口
-
路标-十字路口-填充
-
路标-十字路口-侧边
-
路标-十字路口-侧边-填充
-
路标-十字路口-T形
-
路标-十字路口-T形-填充
-
路标-十字路口-Y形
-
路标-十字路口-Y形-填充
-
路标-左合并
-
路标-左合并-填充
-
路标-右合并
-
路标-右合并-填充
-
路标-禁止左转
-
路标-禁止左转-填充
-
路标-禁止停车
-
路标-禁止停车-填充
-
路标-禁止右转
-
路标-禁止右转-填充
-
路标-铁路
-
路标-铁路-填充
-
路标-停车
-
路标-停车-填充
-
路标-交通灯
-
路标-交通灯-填充
-
路标-左转
-
路标-左转-填充
-
路标-右转
-
路标-右转-填充
-
路标-轻微左转
-
路标-轻微左转-填充
-
路标-轻微右转
-
路标-轻微右转-填充
-
路标-让行
-
路标-让行-填充
-
信号
-
路标
-
路标-2
-
路标-2-填充
-
路标-填充
-
路标-分叉
-
路标-分叉-填充
-
SIM卡
-
SIM卡-填充
-
SIM卡-斜杠
-
SIM卡-斜杠-填充
-
新浪微博
-
快退
-
后退按钮
-
后退按钮填充
-
后退圆圈
-
后退圆圈填充
-
后退填充
-
跳到结尾
-
跳到结尾按钮
-
跳到结尾按钮填充
-
跳到结尾圆圈
-
跳到结尾圆圈填充
-
跳到结尾填充
-
跳到下一项
-
跳到下一项按钮
-
跳到下一项按钮填充
-
跳到下一项圆圈
-
跳到下一项圆圈填充
-
跳到下一项填充
-
跳到开头
-
跳到开头按钮
-
跳到开头按钮填充
-
跳到开头圆圈
-
跳到开头圆圈填充
-
跳到开头填充
-
Skype
-
Slack
-
斜杠
-
斜杠圆圈填充
-
大斜杠
-
斜杠方块
-
斜杠方块填充
-
滑块
-
滑块 2
-
滑块 2 垂直
-
智能手表
-
Snapchat
-
雪
-
雪 2
-
雪 3
-
按字母降序排序
-
按字母降序排序(替代)
-
按字母升序排序
-
按字母升序排序(替代)
-
降序排序
-
降序排序(替代)
-
按数字降序排序
-
按数字降序排序(替代)
-
按数字升序排序
-
按数字升序排序(替代)
-
升序排序
-
升序排序(替代)
-
声波
-
SourceForge
-
扬声器
-
扬声器填充
-
速度计
-
速度计 2
-
拼写检查
-
Spotify
-
方块
-
方块填充
-
半方块
-
堆叠
-
Stack Overflow
-
星形
-
星形填充
-
半星形
-
星星
-
Steam
-
便签
-
便签填充
-
便签
-
便签填充
-
停止
-
停止按钮
-
停止按钮填充
-
停止圆圈
-
停止圆圈填充
-
停止填充
-
交通信号灯
-
交通信号灯填充
-
秒表
-
秒表填充
-
Strava
-
条纹
-
下标
-
Substack
-
减号
-
梅花
-
梅花填充
-
方块
-
方块填充
-
红心
-
红心填充
-
黑桃
-
黑桃填充
-
手提箱
-
手提箱填充
-
大手提箱
-
大手提箱填充
-
手提箱 2
-
手提箱 2 填充
-
太阳
-
太阳填充
-
太阳镜
-
日出
-
日出填充
-
日落
-
日落填充
-
上标
-
水平对称
-
垂直对称
-
表格
-
平板电脑
-
平板电脑填充
-
横屏平板电脑
-
横屏平板电脑填充
-
标签
-
标签填充
-
标签
-
标签填充
-
出租车正面
-
出租车正面填充
-
Telegram
-
电话
-
电话-填充
-
电话-转发
-
电话-转发-填充
-
电话-入站
-
电话-入站-填充
-
电话-减号
-
电话-减号-填充
-
电话-出站
-
电话-出站-填充
-
电话-加号
-
电话-加号-填充
-
电话-X
-
电话-X-填充
-
腾讯QQ
-
终端
-
终端-破折号
-
终端-填充
-
终端-加号
-
终端-分割
-
终端-X
-
文本-居中
-
文本-左缩进
-
文本-右缩进
-
文本-左对齐
-
文本-段落
-
文本-右对齐
-
文本-换行
-
文本区域
-
文本区域-调整大小
-
文本区域-T
-
温度计
-
温度计-一半
-
温度计-高温
-
温度计-低温
-
温度计-雪
-
温度计-太阳
-
线程
-
线程-填充
-
三个点
-
三个点-垂直
-
闪电
-
闪电-填充
-
票
-
票-详细
-
票-详细-填充
-
票-填充
-
票-穿孔
-
票-穿孔-填充
-
抖音
-
切换-关闭
-
切换-打开
-
切换2-关闭
-
切换2-打开
-
切换
-
切换2
-
工具
-
龙卷风
-
货运列车-正面
-
货运列车-正面-填充
-
列车-正面
-
列车-正面-填充
-
轻轨列车-正面
-
轻轨列车-正面-填充
-
翻译
-
透明度
-
垃圾桶
-
垃圾桶-填充
-
垃圾桶2
-
垃圾桶2-填充
-
垃圾桶3
-
垃圾桶3-填充
-
树
-
树-填充
-
Trello
-
三角形
-
三角形-填充
-
三角形-一半
-
奖杯
-
奖杯-填充
-
热带风暴
-
卡车
-
平板卡车
-
卡车-正面
-
卡车-正面-填充
-
海啸
-
电视
-
电视-填充
-
Twitch
-
推特
-
推特-X
-
类型
-
类型-粗体
-
类型-H1
-
类型-H2
-
类型-H3
-
类型-H4
-
类型-H5
-
类型-H6
-
类型-斜体
-
类型-删除线
-
类型-下划线
-
Ubuntu
-
UI-复选框
-
UI-复选框-网格
-
UI-单选按钮
-
UI-单选按钮-网格
-
雨伞
-
雨伞-填充
-
取消缩进
-
联合
-
Unity
-
通用访问
-
通用访问-圆圈
-
解锁
-
解锁-填充
-
UPC
-
UPC-扫描
-
上传
-
USB
-
USB-C
-
USB-C-填充
-
U盘
-
U盘-填充
-
USB-填充
-
USB-Micro
-
USB-Micro-填充
-
USB-Mini
-
USB-Mini-填充
-
USB-插头
-
USB-插头-填充
-
usb-符号
-
情人节
-
情人节2
-
矢量笔
-
视图列表
-
堆叠视图
-
晕影
-
Vimeo
-
黑胶唱片
-
黑胶唱片填充
-
病毒
-
病毒2
-
语音邮件
-
音量减小
-
音量减小填充
-
静音
-
静音填充
-
音量关闭
-
音量关闭填充
-
音量增大
-
音量增大填充
-
VR
-
钱包
-
钱包填充
-
钱包2
-
手表
-
水
-
网络摄像头
-
网络摄像头填充
-
微信
-
WhatsApp
-
Wi-Fi
-
Wi-Fi 1
-
Wi-Fi 2
-
Wi-Fi 关闭
-
维基百科
-
风
-
窗口
-
窗口破折号
-
桌面窗口
-
窗口停靠
-
全屏窗口
-
窗口加号
-
窗口侧边栏
-
窗口分割
-
窗口堆叠
-
窗口 X
-
Windows
-
WordPress
-
扳手
-
可调节扳手
-
可调节扳手圆形
-
可调节扳手圆形填充
-
X
-
X 圆形
-
X 圆形填充
-
X 菱形
-
X 菱形填充
-
X 大号
-
X 八边形
-
X 八边形填充
-
X 正方形
-
X 正方形填充
-
Xbox
-
Yelp
-
阴阳
-
YouTube
-
放大
-
缩小
安装
Bootstrap 图标发布到 npm,但也可以根据需要手动下载。
包管理器
使用 npm 或 Composer 安装 Bootstrap 图标,包括 SVG、图标精灵和图标字体。然后,选择您希望使用 使用说明 来包含图标的方式。
npm i bootstrap-icons
composer require twbs/bootstrap-icons
CDN
从 jsDelivr 包含图标字体样式表(在您的网站 <head>
中或通过 CSS 中的 @import
),并在几秒钟内开始使用。 查看图标字体文档 以获取示例。
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/[email protected]/font/bootstrap-icons.min.css">
@import url("https://cdn.jsdelivr.net.cn/npm/[email protected]/font/bootstrap-icons.min.css");
使用
Bootstrap 图标是 SVG,因此您可以根据项目的设置方式,通过几种方式将它们包含到 HTML 中。我们建议使用 width: 1em
(以及可选的 height: 1em
)以便通过 font-size
轻松调整大小。
嵌入
将图标嵌入到页面 HTML 中(而不是外部图像文件)。这里我们使用了自定义的 width
和 height
。
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-heart-eyes" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M11.315 10.014a.5.5 0 0 1 .548.736A4.498 4.498 0 0 1 7.965 13a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242.63 0 1.46-.118 2.152-.242a26.58 26.58 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zM4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434zm6.488 0c1.398-.864 3.544 1.838-.952 3.434-3.067-3.554.19-4.858.952-3.434z"/></svg>
精灵
使用 SVG 精灵通过 `<use>` 元素插入任何图标。使用图标的文件名作为片段标识符(例如,`toggles` 是 `#toggles`)。SVG 精灵允许您像 `<img>` 元素一样引用外部文件,但具有 `currentColor` 的强大功能,便于主题化。
注意! Chrome 中存在一个问题,`<use>` 无法跨域工作。
<svg class="bi" width="32" height="32" fill="currentColor">
<use xlink:href="bootstrap-icons.svg#heart-fill"/>
</svg>
<svg class="bi" width="32" height="32" fill="currentColor">
<use xlink:href="bootstrap-icons.svg#toggles"/>
</svg>
<svg class="bi" width="32" height="32" fill="currentColor">
<use xlink:href="bootstrap-icons.svg#shop"/>
</svg>
外部图像
将 Bootstrap Icons SVG 复制到您选择的目录中,并像使用 `<img>` 元素一样引用它们。
<img src="/assets/icons/bootstrap.svg" alt="Bootstrap" width="32" height="32">
图标字体
Bootstrap Icons 还包括带有每个图标类别的图标字体。通过 CSS 将图标网络字体包含在您的页面中,然后在您的 HTML 中根据需要引用类名(例如,`<i class="bi-alarm-clock"></i>`)。
使用 `font-size` 和 `color` 更改图标外观。
<i class="bi-alarm"></i>
<i class="bi-alarm" style="font-size: 2rem; color: cornflowerblue;"></i>
CSS
您也可以在 CSS 中使用 SVG(确保对任何字符进行转义,例如,在指定十六进制颜色值时将 `#` 转义为 `%23`)。当 `<svg>` 上未通过 `width` 和 `height` 指定尺寸时,图标将填充可用空间。
如果您希望使用 `background-size` 调整图标大小,则需要 `viewBox` 属性。请注意,`xmlns` 属性是必需的。
.bi::before {
display: inline-block;
content: "";
vertical-align: -.125em;
background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
background-repeat: no-repeat;
background-size: 1rem 1rem;
}
样式
可以通过设置 `.text-*` 类或自定义 CSS 来更改颜色。
<svg class="bi bi-exclamation-triangle text-success" width="32" height="32" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
...
</svg>
可访问性
对于纯粹的装饰性图标,添加 `aria-hidden="true"`。否则,提供适当的文本替代。根据您用于添加图标的方法以及您使用它们的位置(例如,作为独立图像,或作为按钮或类似控件的唯一内容),有各种可能的方法。以下是一些示例。
<!-- alt="..." on <img> element -->
<img src="/assets/icons/bootstrap.svg" alt="Bootstrap" ...>
<svg class="bi" ... role="img" aria-label="Tools">
<use xlink:href="bootstrap-icons.svg#tools"/>
</svg>
<!-- aria-label="..." on the control -->
<button ... aria-label="Mute">
<svg class="bi bi-volume-mute-fill" aria-hidden="true" ...>
...
</svg>
</button>
使用 SVG
SVG 很棒,但它们确实有一些已知的问题需要解决。鉴于 SVG 的多种使用方式,我们没有在代码中包含这些属性和解决方法。
已知问题包括
-
在 Internet Explorer 和 Edge Legacy 中,SVG 默认情况下会获得焦点。在嵌入 SVG 时,在 `<svg>` 元素中添加 `focusable="false"`。 在 Stack Overflow 上了解更多信息。
-
当使用 `<img>` 元素与 SVG 时,屏幕阅读器可能不会将它们宣布为图像,或者完全跳过图像。在 `<img>` 元素中包含一个额外的 `role="img"` 以避免任何问题。 查看本文以了解详细信息。
-
外部 SVG 精灵可能无法在 Internet Explorer 中正常工作。根据需要使用 svg4everybody polyfill。
发现 SVG 方面还有其他问题需要我们注意吗?请打开 问题 分享详细信息。