Koboyo Icons

Koboyo Icons 是一套手绘风格的 SVG 图标库，单个图标页会给出图形名称、用途说明、标签和颜色预览。它适合需要比常规线性图标更有个性、但仍希望在网页中保持矢量清晰度的设计师与前端开发者。

先判断手绘风格是否适合界面

这套图标的辨识点是松弛、不完全机械对齐的手绘线条。它更适合创意工具、教育内容、个人产品、插画式导航或需要亲和感的空状态；银行后台、医疗控制台等强调严谨和高密度操作的界面，则应先做小范围可读性测试。

从图标页取得 SVG

1. 用英文对象词或页面标签找到目标图标，并先在不同颜色背景下检查轮廓。
2. 确认图标语义符合按钮或栏目，不要只因造型有趣就替换通用符号。
3. 取得 SVG 后保留矢量格式，放入项目图标目录或组件封装中。
4. 在真实按钮尺寸下检查描边、留白、对齐和点击区域，再决定是否进入设计系统。

currentColor 便于统一主题颜色

官方图标页把资源标为 SVG，并显示 currentColor。这意味着图标颜色可继承所在元素的 CSS 文本颜色，适合按钮的默认、悬停、禁用和深色模式状态。调整尺寸时应保持原始宽高比例，不要单独拉伸某一方向；同一操作组还应使用一致的视觉尺寸，而不只是相同的 CSS 宽高。

授权明确，但交付仍要留记录

当前单个图标页写明可免费用于商业用途且无需署名。团队使用时仍建议保存下载日期、来源页面与当时的许可说明，方便客户交付或合规复核。若对 SVG 做了明显修改，也应在内部组件库注明修改人和版本，避免以后无法追溯。

适合作为风格组件，不是万能替换包

Koboyo Icons 的优势是风格鲜明、矢量可缩放且能通过 CSS 控色。更稳妥的用法是先为一个功能区建立小型集合，检查同组图标的含义与视觉重量，再逐步扩展；不要在没有语义测试的情况下，一次性替换产品全部系统图标。官网：https://koboyo.com/icons