Free icons 是什么
Free icons 是 Evergrow 团队运营的免费图标库，品牌站名为 with icons。它把 500 个手绘图标一次性画在 24×24 的栅格上，再用 20 种渲染器分别生成线稿、实心、双色调、玻璃拟态、像素、复古、3D、动漫、哥特、毛绒等风格，累计可组合出约 10,000 个图标；每个图标都自带一段与其语义匹配的动画，也支持循环、悬停与状态切换动画。你可以直接把图标复制进 PowerPoint、Google Slides、Canva、Figma、Notion、WordPress、Webflow 或邮件签名，也可以下载 SVG、PNG、GIF、MP4、Lottie 等 36 种文件格式，还可以通过 React、Vue、Svelte、Angular、Solid、Web Components、CSS 类或 CDN 引入项目。另外，它也面向 AI 智能体提供了 MCP 服务器、Agent Skill 与 llms.txt，让编码助手能按语义搜索并插入正确的图标。主要是 UI 图标与插画风格图标方面的资源，适合需要一套风格统一、可商用、免登录即可下载的设计师、开发者、内容创作者和 AI 工作流使用。
Free icons 的主要功能
- 图标搜索与语义别名：输入中文或英文关键词搜索图标，系统同时识别同义词与常见叫法，例如“bin”“delete”“throw away”都能定位到垃圾桶图标。
- 20 种视觉风格：分为 Everyday（Line / Solid / Duo）、Crafted（Gloss / Engrave / Blueprint / Sketch）、Playful（Glass / Kawaii / Sticker / Pixel / Retro）、Studio（Luxe / Bauhaus / Skeuo）与 Storybook（Anime / Gothic / Pastel / Coquette / Plush）五大类，同一图标全部风格同名同尺寸。
- 全库动画支持：每个图标都配有专属动画，可设置循环播放、悬停触发或状态切换，也提供减少动态偏好自动静止的无障碍回退。
- 实时图标：50 个可设置内容的动态图标，例如显示今日日期的日历、当前时间、未读数量、电池电量或自定义短文本，全部风格可用。
- 多格式导出：支持 SVG、PNG、WebP、AVIF、PDF、EPS、JPG、ICO、GIF、MP4、WebM、Animated SVG、Lottie、PowerPoint 幻灯片、Word 文档、iOS 图像集、Android VectorDrawable、favicon 包等 36 种格式。
- 开发套件：提供 React、Vue、Svelte、Angular、Solid、Web Components、CSS 类与 SVG sprites 等 npm 包，默认使用 currentColor，tree-shakable 且无运行时依赖。
- AI 智能体集成：通过 npx withicons init 安装 Skill，或接入远程 MCP 服务器，Claude Code、Cursor、Codex、VS Code、Windsurf 等工具可按语义搜索图标并生成对应代码。
- 使用指南：针对 PowerPoint、Google Slides、Keynote、Canva、Figma、Word、Notion、WordPress、Webflow、Framer、Wix、Squarespace 与邮件签名提供分步教程。
Free icons 的计费方式
计费方式：Free icons 完全免费，全部 500 个图标、20 种风格与动画均在 MIT 许可下开放，可个人与商业使用，无需署名，也无需注册或订阅。若将图标文件或代码作为独立库再分发，只需附带 MIT 许可证文本。以上为 2026 年 10 月整理，仅供参考，具体以 Free icons 官网价格公示为准。
如何使用 Free icons
- 搜索图标：在首页搜索框输入关键词，点击结果进入图标详情页。
- 选择风格与颜色：在 20 种风格里切换，并按需选择主色或调色板；多彩风格还能通过 CSS 变量进一步调整装饰色。
- 复制或下载：点击“复制”直接粘贴到 Figma、Canva、Notion 或代码中；点击“下载”获取 PNG、SVG、GIF、MP4、Lottie 等文件；也可直接拖拽到幻灯片。
- 按场景选格式：幻灯片和文档优先用 PNG 512px，Google Slides 只能用 PNG；设计工具和网站优先用 SVG；动画用 GIF、Animated SVG 或 Lottie；打印用 PDF/SVG。
- 开发者引入：安装对应框架的 npm 包，如 npm i @withicons/react，默认引入 Line 风格，其他风格通过子路径引入；无构建环境可直接用 CDN。
- AI 代理调用：运行 npx withicons init 将 Skill 与 MCP 服务器接入 Claude Code、Cursor 等工具，输入自然语言即可让代理搜索并插入图标。
同类产品对比
- 对比 图标集：图标集收录 9 万多个品牌 SVG 标志与 8 万多个 App 图标，面向找具体品牌或应用图标的需求；Free icons 则是原创的通用 UI 图标库，优势是同一图标有 20 种风格与动画，劣势是品牌类图标不是它的覆盖范围。
- 对比 theSVG：theSVG 收录数千个企业与开源项目的官方标志，并按图标单独标注授权；Free icons 不走品牌路线，强调风格统一、可编辑和无动画代码即可使用，适合界面与演示而非品牌识别。
- 对比 Font Awesome、Tabler、Lucide 等通用图标库：它们在图标数量或社区生态上更占优势，Font Awesome 还有大量品牌图标与付费 Pro 层；Free icons 用 20 种风格与全库动画换取差异化，适合希望一套图标同时覆盖 UI、插画与动效的项目。
Free icons 的应用场景
- 网站与应用界面：用 Line、Solid、Duo 等日常风格做按钮、导航、状态提示与表单图标，SVG 可随主题色变化，减小体积。
- 幻灯片与文档：复制 PNG 或 SVG 到 PowerPoint、Google Slides、Keynote、Word、Notion，让要点更直观；动画图标导出 GIF 或 MP4 可增强演示效果。
- 设计稿与社媒物料：在 Figma、Canva 中粘贴 SVG 进行再编辑，或用 Kawaii、Sticker、Retro、Luxe 等风格制作海报、贴纸、封面与广告图。
- 教育与个人项目：学生课件、作业、博客与作品集可免费使用，无需担心授权问题。
- AI 智能体与代码项目：开发者通过 npm 包或 MCP 服务器把图标引入前端、脚本或 Agent 工作流，代理可按语义自动匹配图标。
