Keyline Icons 免费图标资源推荐：1114 个图标四种风格，商用无需署名

Keyline Icons 是一套面向 shadcn/ui 生态的免费开源图标库，全部 1,114 个图标绘制在同一套 24×24 网格上，提供 stroke、two-tone、duotone、fill 四种风格，每种风格又分圆角与直角两种处理，合计 8,912 个 SVG 文件。项目以 MIT 协议发布，个人与商业项目均可免费使用，且无需署名。你可以在官网 keylineicons.com 直接浏览并复制 SVG、JSX 或 React 导入代码，也可以通过 npm 安装 @keyline-icons/react 在 React 与 React Native 中按组件引入，Vue、Svelte 等框架则可借助 Iconify 使用同一套图标。

痛点是什么

做过前端界面的人大多遇到过这种尴尬：项目里图标来自好几个来源，线条粗细、圆角大小、视觉重心各不相同，拼在一起总像临时凑的。想统一风格，要么自己重画，要么在多个图标库之间反复挑选，还得逐个核对命名与尺寸。更麻烦的是，不少免费图标库授权条款含糊，商用前要反复确认；有的只提供单一风格，界面需要强调层级时只能硬凑。图标数量看似够用，真正成套、成体系、可放心商用的却不多。

主要功能特点

Keyline Icons 的核心思路是「一套画法，多种表达」：所有图标共享同一套绘制规则，不同时间挑选的图标放在一起依然协调统一。

四种风格自由切换

stroke、two-tone、duotone、fill 覆盖从线稿到实心的全部需求，同一图标可随界面层级换用。

圆角与直角双版本

每个图标都提供圆角与直角两种切法，命名与网格一致，替换时布局不会发生位移。

多框架即装即用

提供 React、React Native 组件，Vue 与 Svelte 可通过 Iconify 接入，也可直接复制 SVG。

为什么值得关注

对正在使用 shadcn/ui 或类似组件体系的团队来说，Keyline Icons 补上了「图标一致性」这块短板，而且授权干净、接入成本低。

MIT 协议免费商用

个人与商业项目均可免费使用，无需署名，省去授权确认的麻烦。

为 shadcn/ui 而生

与 shadcn/ui 的视觉语言天然契合，接入后界面风格更统一。