Radix Icons

2026-03-28发布 120 0 0

极其干练清晰的极简现代开源 React 图标库

所在地:
USA
语言:
en,zh
收录时间:
2026-03-28
Radix IconsRadix Icons

Radix Icons 是 Radix UI 生态中的开源图标集,由 WorkOS 团队设计,定位是一套清晰、克制的小尺寸界面图标。官网描述它是 crisp set of 15×15 icons,说明它更适合按钮、菜单、工具栏、表单辅助和紧凑型应用界面,而不是大面积插画或复杂营销视觉。

主要功能

Radix Icons 提供常见 UI 操作图标,例如箭头、关闭、搜索、设置、用户、文件、链接、复制、编辑、加减、对齐、播放、提示等。开发者可以通过 React 组件方式接入,也可以使用 SVG。由于它与 Radix UI 同属一个生态,搭配 Radix Primitives 构建设计系统时,图标和组件在气质上比较统一。

Radix Icons 的特点是尺寸小、线条干净、视觉负担低。它适合高密度界面中的辅助表达,例如下拉菜单项、表单输入右侧按钮、工具栏操作、设置面板和弹窗标题区域。相比图标数量庞大的平台,它更强调基础 UI 语义和一致性。

适合场景

使用场景 适合原因
Radix UI 项目 生态一致,适合与无样式组件一起封装设计系统。
紧凑型工具界面 15×15 图标适合菜单、工具栏和高密度操作区。
React 项目 可作为 React 图标组件接入,使用方式简单。
极简视觉产品 图标克制,不会抢占正文和业务信息。

使用建议

Radix Icons 不适合作为所有项目的唯一图标来源。它图标数量相对克制,如果业务涉及大量行业分类、金融、地图、社交或电商图标,可能需要搭配 Lucide、Remix Icon 或 Iconify。但在核心应用 UI 中,少量高质量图标往往比混杂大量风格更稳定。

使用时建议统一默认尺寸,不要强行把 15×15 图标放大到很大的展示场景,否则细节会显得单薄。对于纯图标按钮,需要添加可访问名称;对于装饰性图标,应从屏幕阅读器中隐藏。商业项目也要核对许可证,并把图标来源记录到项目资产文档中,方便后续审计和替换。

测试体验

从官网公开信息看,Radix Icons 的页面非常直接,重点就是小尺寸、清晰、React 友好的图标集。它的优势是和 Radix UI 设计气质统一,适合做设计系统的基础图标;限制是覆盖范围不像大型图标平台那样广。

访问地址

官网:https://www.radix-ui.com/icons

数据统计

相关导航

暂无评论

none
暂无评论...