底部 Tab 图标方案对比
图标数据来自「画个标」内置图标库 · 共 15 套方案 · 左=未选中(灰 #8a8a8a) 右=选中(红 #c73e3a)
未选中
选中
A · Lucide 细线条
商局
lucide:calendar
商机
lucide:target
会员风采
lucide:award
组织
lucide:building
我的
lucide:user
B · Lucide 商务感
商局
lucide:handshake
商机
lucide:trending-up
会员风采
lucide:crown
组织
lucide:network
我的
lucide:id-card
C · Tabler 圆润线条
商局
tabler:calendar
商机
tabler:target
会员风采
tabler:award
组织
tabler:building
我的
tabler:user
D · Remix 填充
商局
remix:calendar-event-fill
商机
remix:crosshair-fill
会员风采
remix:user-star-fill
组织
remix:building-fill
我的
remix:user-fill
E · Remix 线条
商局
remix:calendar-event-line
商机
remix:crosshair-line
会员风采
remix:user-star-line
组织
remix:building-line
我的
remix:user-line
F · Fluent 微软风
商局
fluent:calendar-24-filled
商机
fluent:target-arrow-24-filled
会员风采
fluent:star-24-filled
组织
fluent:organization-24-filled
我的
fluent:person-24-filled
G · Material Symbols
商局
msymbols:calendar-month
商机
msymbols:target
会员风采
msymbols:star
组织
msymbols:groups
我的
msymbols:person
H · Phosphor 填充粗线
商局
phosphor:calendar-fill
商机
phosphor:target-fill
会员风采
phosphor:trophy-fill
组织
phosphor:building-fill
我的
phosphor:user-fill
I · Solar 高端粗线条
商局
solar:calendar-linear
商机
solar:target-linear
会员风采
solar:crown-linear
组织
solar:buildings-2-linear
我的
solar:user-linear
J · MDI 全量填充
商局
mdi:calendar
商机
mdi:bullseye
会员风采
mdi:trophy
组织
mdi:network
我的
mdi:account
K · Bootstrap 填充
商局
bootstrap:calendar-event
商机
bootstrap:bullseye
会员风采
bootstrap:award
组织
bootstrap:building
我的
bootstrap:person
L · Ionicons 线条
商局
ionicons:calendar-outline
商机
ionicons:navigate-outline
会员风采
ionicons:trophy-outline
组织
ionicons:grid-outline
我的
ionicons:person-outline
M · Feather 极简
商局
feather:calendar
商机
feather:target
会员风采
feather:award
组织
feather:users
我的
feather:user
N · Carbon IBM 风
商局
carbon:calendar
商机
carbon:target
会员风采
carbon:star-filled
组织
carbon:building
我的
carbon:user
O · Remix 商务填充
商局
remix:presentation-fill
商机
remix:compass-3-fill
会员风采
remix:vip-crown-fill
组织
remix:organization-chart
我的
remix:user-3-fill