SoybeanUI 已更名为 VeanUI迁移指南包名迁移至 @vean/aria 与 @vean/ui，文档站迁至 veanui.com。本站将于 2026 年 11 月重定向，@soybeanjs 系列包将于 2027 年 4 月标记废弃。

SoybeanUI

v0.50.0
组件
返回目录
组件详情入口
通用
@soybeanjs/ui
SIcon

Icon

Icon 属于 通用 分类。建议先看演示与用法，再对照 API 表格完成接入和样式调整。

先用快捷跳转面板找到概述、用法、演示和 API，再往下细读完整文档内容。

快速跳转

概述用法演示API更新日志

同分类组件

如果你在同一类交互里做组合，这些组件通常会一起出现。

ConfigProviderButtonClipboardLinkSpinner

更新日志

版本记录按发布版本分组，便于快速查看这个组件在不同版本里的实际变更。

v0.40.0

2026-09-14

对比版本

修复

允许异步加载的图标出现水化不匹配的情况

范围: icon作者: soybeanfe查看提交17a16

修复

允许异步加载的图标出现水化不匹配的情况

范围: icon作者: soybeanfe查看提交17a16

v0.30.0

2026-08-20

对比版本

新功能

优化图标属性

范围: icon作者: soybeanfe查看提交206c5

修复

修复 aria-hidden、aria-label、shrink-0 和 data-soybean-icon 属性

范围: icon作者: soybeanjs查看提交cf042

新功能

优化图标属性

范围: icon作者: soybeanfe查看提交206c5

修复

修复 aria-hidden、aria-label、shrink-0 和 data-soybean-icon 属性

范围: icon作者: soybeanjs查看提交cf042

v0.29.0

2026-06-18

对比版本

修复

修正 useConfigProvider 的导入路径

范围: icon作者: soybeanjs查看提交7ad9c

修复

修正 useConfigProvider 的导入路径

范围: icon作者: soybeanjs查看提交7ad9c

v0.28.2

2026-05-30

对比版本

重构

简化图标处理并移除 Nuxt 特有的逻辑

范围: icon作者: soybeanfe查看提交63725

v0.26.0

2026-05-27

对比版本

修复

将图标道具类型更新为 IconValue，并增强对 Nuxt 的支持

范围: icon作者: soybeanfe查看提交b372a

修复

改进 Nuxt 图标处理和条件检查

范围: icon作者: soybeanfe查看提交8002e

v0.0.20

2026-01-21

对比版本

文档

更新 IconValue 属性的类型定义格式

范围: icon作者: soybeanjs查看提交58ec2

v0.0.2

2025-11-18

对比版本

新功能

在示例和组件中将 lucide-vue-next 的图标替换为 @iconify/vue，并更新包依赖项

范围: icon作者: soybeanjs查看提交47f24

新功能

引入了 Icon 组件，该组件具有可配置的属性，并集成了 ConfigProvider 以实现动态尺寸调整

范围: icon作者: soybeanjs查看提交ac117

修复

添加样式以防止图标缩小

范围: icon作者: soybeanjs查看提交1db8e

重构

将 Icon 组件重命名为 SIcon，以符合命名规范

范围: icon作者: soybeanjs查看提交f05a9

重构

移除默认的 color 属性，以提升图标自定义功能

范围: icon作者: soybeanjs查看提交47d42

重构

增强图标组件，使其支持 IconifyIcon 类型，并改进模板逻辑

范围: icon作者: soybeanjs查看提交043aa

新功能

在示例和组件中将 lucide-vue-next 的图标替换为 @iconify/vue，并更新包依赖项

范围: icon作者: soybeanjs查看提交47f24

新功能

引入了 Icon 组件，该组件具有可配置的属性，并集成了 ConfigProvider 以实现动态尺寸调整

范围: icon作者: soybeanjs查看提交ac117

修复

添加样式以防止图标缩小

范围: icon作者: soybeanjs查看提交1db8e

重构

将 Icon 组件重命名为 SIcon，以符合命名规范

范围: icon作者: soybeanjs查看提交f05a9

重构

移除默认的 color 属性，以提升图标自定义功能

范围: icon作者: soybeanjs查看提交47d42

重构

增强图标组件，使其支持 IconifyIcon 类型，并改进模板逻辑

范围: icon作者: soybeanjs查看提交043aa