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 设计气质统一,适合做设计系统的基础图标;限制是覆盖范围不像大型图标平台那样广。
访问地址
数据统计
相关导航
全球最大的免费矢量图标与贴纸资源下载站
Tabler Icons
超过五千个高度可定制的免费开源 SVG 图标
Phosphor Icons
设计精美的灵活开源图标系列,多样式可选
Mingcute Icon
精心设计的开源图标库,3324+ 图标,双风格,SVG 矢量,Figma 插件与多框架支持。
Heroicons
Tailwind 官方出品的精美纯粹 SVG 图标库
Remix Icon
体系极其完整的中性风格开源矢量图标库
Yesicon
全球高质量开源矢量图标搜索引擎与聚合库
Lucide
极受欢迎的现代前端开源 SVG 矢量图标库
暂无评论...

