Not Boring Icons 图标库：squircle 统一画法，SVG/React/Vue 下载使用教程

Not Boring Icons 是一套面向产品团队与 AI 编程代理的图标库，主打「同一套画法」的一致性：所有图标都画在 24px 网格上，形状收在 20px 区域内，边角采用 squircle（方圆形）而非普通圆角矩形，曲线渐进过渡、没有可见折点。它提供 Stroke、Solid、Duotone 三种风格，其中 Solid 与 Duotone 都由 Stroke 版本派生而来，切换风格时图形位置不会移动；描边支持 1 到 2.5 的任意粗细，可按 24px 用 2、20px 用 1.75、16px 用 1.5 的规则适配不同尺寸。

图标以纯 SVG、React、Vue 组件形式交付，也能通过 MCP 服务器接入 Claude Code、Cursor、VS Code，或调用 REST API 按语义搜索取用，官方还预告了 Figma 插件。访问 notboringicons.com 即可查看。

痛点是什么

做产品界面的人大多踩过同一类坑：从不同图标库里东拼西凑，网格、描边、圆角各不相同，摆在一起明显不像一家人；换个风格或加粗描边，图标位置就整体偏移，得逐个手动对齐；想给按钮加个悬停动效，又要引入一整个动画库，包体积白白变大。对使用 AI 编程代理的开发者来说，问题更直接——让代理写个删除按钮，它往往随手编一个图标路径，风格和项目里其他图标对不上，还得人工返工替换。

主要功能特点

这套图标库围绕「一致性」和「可被程序调用」两条主线设计，把画法规范、风格切换和交付方式都收进同一套体系里。

统一网格与 squircle 边角

同一网格、同一描边、同一圆角，整库图标读起来像一个家族。

三种风格同源派生

Solid 与 Duotone 由 Stroke 生成，切换风格时图形不会位移。

SVG、React、Vue 与 MCP 接入

复制即用，也能让 Claude Code、Cursor 等代理按语义直接取图标。

为什么值得关注

它把图标从「素材下载」推进到「可被代码和代理调用的资源」，对同时服务设计师与开发者的团队来说，省下的对齐与返工时间相当可观。

动效不依赖动画库

每个动画图标是单个带 CSS 的 SVG，无需额外引入动画依赖。

免费层可商用

Stroke 风格全部图标免费用于个人与商业项目，且无需署名。