图标与字体:从找图标到下载字体

做界面时最费时间的往往不是排版,而是找一个风格统一的图标和一款能商用的中文字体。

图标库分两类:一类是成套的设计资源(下载 SVG 或图标字体),一类是在线调用(按需加载、可调颜色)。项目里混用两套图标会让界面显得不专业,建议先定一套再补缺。字体方面,开源中文字体以思源系列与霞鹜系列为主,商用前请确认许可证(SIL OFL 与免费商用声明的范围不同)。本专题按“图标 → 字体”的使用顺序排列。

I

iconfont iconfont.cn

国内图标库,中文项目常用,支持项目管理与多端输出。

图标素材 国内前端与设计师
F

Flaticon flaticon.com

成套图标多,风格统一,免费使用需署名。

图标素材 做界面视觉的人
T

The Noun Project thenounproject.com

概念类图标全,适合找“抽象含义”的图形。

图标素材 做信息图的人
I

Icons8 icons8.com

风格版本多(线性、面性、3D),可批量换色。

图标素材 需要多种风格的人
I

Iconify iconify.design

一个接口调用上百套开源图标,前端接入方便。

图标素材 前端开发者
L

Lucide lucide.dev

开源线性图标,风格克制,适合后台与工具类界面。

图标素材 做B端产品的人
F

Fontsource fontsource.org

开源字体的 CDN 与自托管方案,按字重加载。

字体资源 优化页面性能的前端
F

Font Squirrel fontsquirrel.com

免费字体与字体格式转换工具,注意许可分类。

字体资源 需要英文字体的人
1

100font 100font.com

中文字体合集,标注了免费商用范围。

字体资源 做中文排版的人
C

Chinese Font Design chinesefontdesign.com

中文字体资讯与下载,下载前需核对授权。

字体资源 找中文字体的设计师