同一套图标能派生出八千多个可用文件，靠的不是把图形来回排列。软件格律诗 给大家分享一下 Keyline Icons 这个在一张二十四见方的格子上画完一千一百多个图形，再按四种粗细、两种边角分开导出的开源项目。
安装与使用
不装也能用：在官网挑一个图标，复制矢量图或者那行语句就够了。要整包引入，两条命令足够：
前一条把整套搬进项目，后一条只取这一个图的文件。接进 前端开发 的活之后没什么要额外学的：组件收常规参数，颜色默认继承。整套矢量图都按同一套规矩导出，归到 图片 一类看也是干净的。
Keyline Icons是一套免费图标集，主要给搭界面的人准备。它把 1,114 个图标全画在同一个 24×24 的格子上，每条线统一 2px。格子先订死，换来换去时它在行里的位置就不会变。
取用就三条路：网站上点开即复制、装整包引入、或者用命令行一个个取。放回 开源软件 里看，它属于源文件也公开的那类；作为 软件工具，它没留付费档——官方写明今后也不会有。这套图标走的正是 开源 那条最常见的路子。
场景痛点
做界面的人都遇过这个坎：同一个产品里，工具栏上的图标要轻，空状态要有分量，按钮里必须是实心。而多数图标库只给一种画法。真要用起来，要么把几套风格拼着凑合，要么自己照着描一遍。
更耗人的是后面的事。一套图标还得跟手上的配套对得上：能不能当组件引入、设计稿里能不能直接用、改了颜色会不会糊。这些一件件加起来，光挑一套图标就能耗掉半天，是 工具推荐 里最难挑稳的一类。
核心功能
四种粗细出自同一张底稿
每个图形都有四副样子：描边、双色、灰底黑细节、实心，每种都是 1,114 个。描边那副是其余三张的底稿，线宽统一 2px。想做出差别不必再找第二套，随手换就行。
圆角和尖角是两张画，不是滤镜
圆角那套是这套图标的默认画法：每个转角按同一把尺倒圆，线头也收圆。尖角那套把转角逐个抹平重画，不是把圆角那张一键拉方。好处是换成尖角时版面纹丝不动，格子、文件名、外框全都一样。
没有地方可掏也不会取空
实心那套的做法是从形状里掏掉细节。要是某个图根本没东西可掏，比如柱状图，它就把描边那份直接拿出来，不会出现引入之后一片空白。
一百二十五个图形自带外框
1,114 个图标里有一百二十五个带容器：六十个是方框，六十五个是圆圈。容器包在图形外面那一层，图形本身没动，只是换了观感。整套按用途分成三十多类，找图时不必一列列扫，缺 设计资源 的人最省这一步。
取用的路子留了三条
最省事的一条是打开官网，跟逛 宝藏网站 差不多：看图、点开、选好粗细和边角，直接复制成矢量图或者一行引入语句。面板上留着最近打开过的三个图，两个候选能摆在一起比。
想整包引入的话，官方给主流前端各留了一个包：一个图标一个组件，颜色跟着文字走。不做前端也不打紧——整套还挂在公开的图标服务上，别的写法官网上都写着；设计那边配了插件和社区文件，源文件都在 GitHub 上。
安装与使用
不装也能用：在官网挑一个图标，复制矢量图或者那行语句就够了。要整包引入，两条命令足够：
前一条把整套搬进项目，后一条只取这一个图的文件。接进 前端开发 的活之后没什么要额外学的：组件收常规参数，颜色默认继承。整套矢量图都按同一套规矩导出，归到 图片 一类看也是干净的。
使用感受
头一眼的感觉是整齐。所有图形都画在同一张格子上，线宽一致，换哪张都不会忽粗忽细。
边界也得说清楚。官方写明这套许可不含「Keyline Icons」这个名字的使用权；图标和源码本身是 MIT 许可，商用也无需署名。库里的文件是加工出来的产物，想改得回到原始 UI设计 源文件再重新生成，直接改导出结果是没用的——这点在 开源项目 里常被忽略。放进 实用软件 一类衡量，它最合适的人很清楚：手上有一整套界面、不想在配色和粗细上反复纠结的人。
官方网站
下载地址
https://pan.quark.cn/s/c759f890d35b
https://www.guangyapan.com/s/1950050164923945034_aeWhI5wocgzRgCO6 （光鸭新用户注册福利：永久免费空间：所有新用户注册即可解锁 2TB 永久免费存储空间，无需额外任务或付费）
相关推荐
CraftEcho Icons 拟物图标包 – Smartisan OS 经典图标适配 Android 启动器｜约 1900 个资源
2026-08-20
