QingIcon 是一套主打中性统一视觉的开源 UI 图标库，由设计师 Asorn 以 Design 与 Vibecoding 方向沉淀的公益项目采用 Apache 2.0 协议发布，可免费商用、可修改再分发，只需保留许可声明。目前收录 3900 余枚图标、分作 34 个分类，提供 Line 线性与 Fill 填充两种风格，填充风格仍在持续绘制，并配套 137235 条中英双语关键词用于检索。官网 qingicon.com 支持在线浏览、搜索、调参、复制与下载，另有 React、Vue、MCP Server 与 Figma 插件构成的周边工程生态，是一套偏工程的设计工具，面向做界面的设计师与前端开发者。
场景痛点
做界面时挑图标是件细碎事：多数图标库尺寸基线不一、描边重量忽轻忽重，混排到同一排工具条里就显得突兀；想找一个语义宽泛、能顶在不确定位置的抽象图标往往没有，最后只能空着或硬凑。AI 与云原生界面这两年又特别多，模型、推理、容器、监控这类新语义，老图标库要么缺、要么风格打架。设计师要的是一套尺寸统一、放在哪都不抢戏、还能撑得起整套新场景的中性视觉设计素材。
主要功能特点
中性统一视觉与光学修正
整套图标共用一套尺寸网格与视觉重量基线，描边粗细、圆角、重心都经过统一调校，线性与填充、不同分类混排在同一行工具条里不会忽大忽小。它还做了 Optical 光学修正，图标缩小或放大时描边视觉粗细自动补偿，不会小图变粗、大图发飘。这种不抢戏的中性气质，正适合嵌入各类UI设计稿与后台面板。
一键切草图草稿风
任意图标都能一键切到 Sketch 草图风格，变成手绘草稿质感，适合概念稿、线框图、头脑风暴和教学提案这类未定稿场景。要注意的是，草图渲染只在官网和 Figma 插件提供，不随 npm 包和 MCP Server 下发；工程侧要复刻需自行引入 Rough.js。它是给草稿提速的设计资源，不是上线用的正式图标。
中英双语容错搜索
中文分词靠浏览器原生 Intl.Segmenter，支持多关键词 AND 命中与残片容错，输「早蛋」能召回「早餐」加「鸡蛋」。英文做了归一化，userpen 自动补成 user-pen，词序无关，拼错 pecil 也能兜底到 pencil。13 万条双语关键词让你少换词，是找图省时间的效率工具型站点。
Abstract 抽象图标兜底
图标库里专门留了一类 Abstract 抽象图标，语义宽泛、形态中性，当你找不到完全贴语义的具象图标，或某个位置的功能还没定下来时，拿它顶上不会出错，也不至于让界面空一块。作者正是不满市面上缺这种通用抽象位才补的这一类。对前端开发来说，这种「找不到时总有个能用的」比堆多少枚具体图标都实用。
AI 与云原生成组覆盖
这一版重点补齐了 AI 与云原生两套新语义：AI 链路覆盖模型、推理、训练、Agent、神经网络、向量、提示词、对话；云原生覆盖服务器、数据库、容器、网络、存储、CDN、监控。这些图标共用同一套中性网格，风格一致，做「AI 加云」整套后台界面时不用在多个库之间来回拼，一个库就能撑下整块面板。成体系的新场景覆盖，是这类图标资源里少见的完整度。
Padlock 占位与多格式导出
导出 SVG 时会写入一层隐形的方形边界，也就是 Padlock，把图标固定在画布尺寸里，在 Sketch、Figma 等工具间来回挪动不会跑偏、不会因切边而缩位。在线端还能实时调描边粗细、尺寸和颜色，调好一键复制 SVG、React、Vue 或 DataURL，也可下载 SVG、PNG、WebP，省去再开编辑软件的步骤，属于顺手的工具推荐项。
围绕代码的周边生态
除了官网，还配了工程化周边：react 与 vue 组件包支持 Tree-shaking 和 TypeScript；qingicon-mcp 可在 Cursor、Claude Code 等环境用自然语言搜图标并出代码；另有 Figma 插件。让它不只是看图网页，是能进工程流的开源软件与开源项目。
项目地址
官网 访问
GitHub 访问
下载地址
https://pan.quark.cn/s/b5736a5a73eb
https://www.guangyapan.com/s/1963089394652123170_aeWhI5wocgzRgCO6 （光鸭新用户注册福利：永久免费空间：所有新用户注册即可解锁 2TB 永久免费存储空间，无需额外任务或付费）
相关推荐
IconPark — 字节开源2000+矢量图标库，四种主题在线调参复制SVG与React、Vue组件
2026-10-23
