图标自由！14个优质的免费图标库合集

虽然身为设计师，但我始终觉得画图标是件颇为麻烦的事，要规范、简洁，又得精准表达含义，兼具设计感，同时还需满足庞大的数量需求。尤其对于周期紧张的项目而言，图标制作更是一项琐碎且耗费精力的工作。

庆幸的是，互联网秉持开源文化的高手们贡献了众多优秀的开源项目，让我们可以直接使用这些优质成果。下面分享我日常收录的 14 个优质的图标库，基本涵盖了所有图标的类型，并且各有不同的优势，比如支持 React、Vue、Svelte 等常用的开发框架、可自由调整线条、颜色、大小等细节、 提供 Figma 源文件等多种需求。

在我个人体验中，完全满足我商业和个人项目的需求，下面是具体图标库介绍：

1. Free Svg Icons

地址：freesvgicons.com

简介：聚合了多个常见的开源图标库，集成超过 250K 的图标数量，支持 SVG、PNG、React、Ts 等多种格式导出，基本涵盖所有的场景需求。

优势：聚合型平台，一次性预览和对比多平台图标，方便跨平台，可直接下载编辑，无需复杂授权流程。

2. Iconsax

地址： https://app.iconsax.io/

简介：多风格变体（Outline / Bold / Bulk / Two-tone / Broken 等）的一套现代感图标体系。总共 4 万+图标，免费图标超过 6000 个。

优势：支持 React、Vue、Svelte 等框架，可自定义尺寸、颜色与描边，风格统一度高，利于中大型设计系统，集成效率高。

3. Mageicons

地址： https://mageicons.com/

简介：开源的简约现代风格图标库，收录近 1000+个图标，支持 Figma，React 和 Web Fonts。

优势：设计简洁精美，支持 Stroke Icons，Fill Icons，Brand Icons。

4. Remix Icon

地址： https://remixicon.com/

简介：知名开源图标库，拥有超 3000 个图标，覆盖常用产品、开发、商用场景。风格中性百搭，提供 Figma 社区文件，可一键导入使用。

优势：图标线条统一规范，适配 Web、移动端多场景，更新频率高，支持主流开发框架，社区维护活跃。

5. Lucide

地址： https://lucide.dev/

简介：轻量型开源线性图标库，收录超 1600 个图标，以极简设计语言适配各类界面，我个人最常用的图标库之一，推荐。

优势：体积小巧加载高效，支持自定义 stroke 宽度与颜色，兼容 React、Vue 等框架，适合追求轻量化的项目。

6. Akar Icons

地址： https://akaricons.com/

简介：开源的极简风格图标库，包含超 400 个图标，带有柔和圆端处理的友好型线性图标库。

优势：无冗余代码易集成，图标设计精简友好，适合极简风界面设计。

7. QingIcon

地址： https://qingicon.com/

简介： 国内设计师项目，由 Asorn & 胡蝶 设计开发，超过 2000 个图标，单双色风格，类型多样，适合 B 端、中后台项目。

优势：支持 SVG、Figma plugin、Wenfont，有详细指导文档，还有一套 SVG 插画库，满足个性化设计需求，推荐！

8. Circumicons

地址： https://circumicons.com/

简介：，免费图标图标 285 个，以圆形/圆角轮廓为整体视觉载体的图标库。

优势：风格统一辨识度高，设计优秀，支持尺寸与颜色自定义。

9. Hero Icons

地址： https://heroicons.com/

简介：由 Tailwind CSS 团队开发的开源图标库，包含超 300 个图标，分为 outline、solid、Mini、Micro 四种风格，提供 Figma 社区文件。

优势：与 Tailwind CSS 无缝适配，图标风格简约统一，支持 React、Vue 框架组件化调用，开发集成效率高。

10. Boxicons

地址： https://boxicons.com/

简介：超过 3000 个免费图标，含 Basic / Duotone / Brands 类别。

优势：支持多种自定义修改方式、包括自定义大小与颜色、线条等，集成便捷。

11. Grassicons

地址： https://grassicons.framer.website/

简介：100+ 线性风格，设计简洁，支持 SVG 和 Figma.

优势：包含静态和动态图标，图标动画简洁流畅。

12. Isocons

地址： https://www.isocons.app/

简介：等距（isometric）风格的 3D 透视轻拟物图标。

优势：具备立体深度，提升信息入口吸引力, 适合功能推广 / 落地页 / 空页面插图化。

13. Iconoir.com

地址： https://iconoir.com/

简介：收录超 1600 个图标，语义覆盖非常全面。

优势：框架（React / Vue / Flutter 等）支持，可自定义大小，描边与颜色。

14. Doodle Icons

地址： https://khushmeen.com/icons.html

简介：手绘风格图标库，收录超 400 个图标以及一个插画库，线条活泼灵动，充满创意感。

优势：风格独特区别于常规图标，适合个性化、年轻化的设计场景，支持 PNG、Figma、SVG。

最后

善用优秀的开源图标库，可以让你把精力投入到真正有差异化价值的界面信息架构、视觉节奏与交互策略上。

作者：Rico