我们是谁：一间把入口讲明白的小编辑部
围绕 https //www.iconfont.cn/ 做入口导航与使用说明，不托管资源，不代下载文件。
https //www.iconfont.cn/ 是很多设计师和前端开发者绕不开的一站。它把图标、矢量资源、项目管理放在一起，功能足够多，也多到第一次打开会有点发愣——搜索框该填什么、图标集怎么筛、字体包和 Symbol 到底选哪个，官方文档讲得清楚，但很少有人愿意一页页翻完。
我们做的事很朴素：把这些问题提前问一遍，自己动手跑一遍，再把结论写成能读懂的话。iconfont导航站从 2021 年开始整理这类入口信息，慢慢形成了一套自己的写法——先说清楚「是什么」，再说「怎么用」，最后老老实实交代「哪里还不确定」。我们不追求把每一页写满，更在意你照着做的时候，不会在第三步卡住。
站点的内容主要面向三类人：第一次接触图标字体、想快速上手的初学者；需要统一管理项目图标、在意后期维护成本的前端；以及做视觉规范、要判断图标风格与授权是否合适的设计师。我们不提供下载包，也不做镜像，所有资源请回到官方页面获取——这一点我们写在每一处显眼的位置，因为它关系到你的项目是否合规。
如果你问我们凭什么值得信任，答案可能有点平淡：我们把「不确定」也写出来。哪些信息来自公开页面、哪些是我们实际验证过的、哪些官方调整后可能已经变化，都尽量标清楚。信息尚未确认时，我们宁可留空，也不猜测补齐。这不是谦虚，是编辑这行的基本规矩。
我们想解决的三件小事
不喊口号，只把「用户卡在哪」说具体。
把入口找对
搜索「iconfont」时，结果里混着仿站、聚合站与失效地址。我们把 https //www.iconfont.cn/ 的官方入口单独标出来，并说明判断真伪的几个细节，避免你把账号登进不该登的地方。
把顺序排顺
图标字体不是「下载就完事」。搜索、筛同一套图标集、建项目、选引入方式，每一步顺序错了，后面都要返工。我们把这条线按实际操作的先后重排，让你少改几遍。
把边界说清
授权、版权、可商用与否，是这类资源最容易含糊的地方。我们不会代替原作者下结论，但会告诉你该看哪一行说明、该保留什么凭证，把判断权交还给你。
编辑部精选：这几篇值得先看
按读者提问频率排的，不是按发布时间。每条都能在本页找到对应内容。
https //www.iconfont.cn/ 第一次打开该先点哪里
从搜索框到项目列表，把第一次访问最该做的三步讲清楚。
图标风格混搭，是返工率最高的一种失误
线宽、圆角、视觉重心不一致，拼在一起立刻露馅。
字体包、Symbol、SVG 三种接入方式差在哪
按项目规模选，而不是按教程热度选，能省不少维护时间。
https //www.iconfont.cn/ 上的授权说明怎么看
项目页、图标集页、单个图标页，三处说明优先级不同。
图标字体加载失败，先查这三处再改代码
路径、跨域、缓存，九成问题都出在前两者。
团队协作时，图标命名为什么值得花十分钟
统一命名规则，能让半年后的你少问三句「这是啥」。
深度解读：https //www.iconfont.cn/ 怎么用才不返工
写给第一次上手的人，也写给已经用过但总觉得别扭的人。
一、先想清楚「要几个」，再打开搜索框
很多人打开 https //www.iconfont.cn/ 的第一反应是搜关键词，看到一个顺眼的就加进项目。这种用法在图标数量少时没问题，一旦项目要十几个图标，风格就会散——有的线宽 1.5，有的 2；有的圆角收得紧，有的偏方。放在同一排导航里，肉眼立刻能看出不齐。
更稳的做法是先估数量、定风格，再搜。比如一个后台管理界面，导航图标大概需要 20 个左右，那就先找一套覆盖度够的图标集，在同一套里挑，缺的一两个再单独补，并记下补的那几个来自哪里。多花五分钟，省下的是后面逐个替换的两小时。
二、项目化管理，比单张下载省事得多
平台的项目功能常被忽略。把图标归到一个项目里，好处是改一个图标不用重新导出整包，命名也能统一管理。具体操作大致是：新建项目、把图标加入、按用途命名、再选择输出方式。命名这一步值得较真，用「nav-home」「action-edit」这类前缀加语义的组合，比「icon1」「icon2」在半年后好找太多。
三、三种接入方式，按项目规模选
常见的输出有三种：字体包、Symbol、SVG。字体包兼容性好、加载体积小，适合图标数量多、又需要兼容老环境的项目；缺点是只能单色，彩色图标用不了。Symbol 用起来灵活，能保留多色，适合现代前端项目；代价是要处理外部引用与跨域。SVG 最直接，一个文件一个图标，适合数量少、需要精细控制的场景，但数量一多，请求数就上去了。
判断标准其实很简单：图标超过二十个、且都是单色，优先字体包；需要彩色或渐变，选 Symbol；只做几个关键图标、又要单独调样式，直接用 SVG。别因为某篇教程推荐某一种就照搬，项目规模不同，答案也不同。
四、几个容易踩的坑，提前说
- 授权说明分散在三处。项目页、图标集页、单个图标页都可能写授权，优先级要看最具体的那一层。重要项目建议截图留存来源。
- 图标字体加载失败，先查路径。字体文件的相对路径写错、部署后目录变了，是最常见的原因；其次才是跨域与缓存。
- 同一图标在不同尺寸下发虚。多半是矢量源本身按小尺寸绘制，放大后线条不匀，换一套更适合大尺寸的图标集更省事。
- 品牌标识类图标不要随手用。即便平台上有，也不代表可以商用，涉及商标的要格外谨慎。
五、关于「不确定」这件事
平台界面会调整，功能入口会挪位置，我们今天写的步骤，几个月后可能就对不上了。所以本页涉及具体操作路径的描述，都以「大致流程」的方式写，并标注最近核对日期。真正的入口与按钮位置，请以你打开 https //www.iconfont.cn/ 时看到的为准。我们不会为了页面好看，把没验证过的细节写得斩钉截铁。
问答专栏：读者问得最多的六个问题
点开看答案，都是被反复问到、也确实容易搞混的。
https //www.iconfont.cn/ 到底是什么？和本站是什么关系？
https //www.iconfont.cn/ 是阿里团队运营的图标与矢量资源平台，本站是围绕它做入口导航与使用说明的第三方信息站。我们不托管、不镜像它的文件，只把官方入口、使用流程、常见坑整理成人话，方便你少走弯路。具体到资源本身，请以官方页面为准。
用 https //www.iconfont.cn/ 上的图标安全吗？商用会不会有版权问题？
平台上的图标来源多样，有官方自建库，也有设计师上传的项目库，授权说明并不统一。稳妥做法是：优先选标注了开源协议或明确可商用的图标集，下载前看清项目页的说明，重要项目保留来源截图。涉及品牌标识的图标不要随意使用。我们无法替你判断某个具体图标的授权，这一条请以原作者声明为准。
关于授权判断的更多细节，可以看本页 内容说明 一节。
访问 https //www.iconfont.cn/ 需要注册登录吗？不登录能用吗？
浏览和搜索通常不需要登录，但把图标加入项目、生成字体包或代码、下载整包资源，一般需要登录账号。如果你只是找一两个图标看看，不登录也能完成；要做成项目统一管理，建议注册一个账号，后面维护会省事很多。
第一次用 https //www.iconfont.cn/，正确的上手顺序是什么？
建议按这个顺序走：先确定项目需要的图标风格与数量，再按关键词搜索并筛同一套图标集，避免风格混杂；然后新建项目把图标归拢、统一命名；最后选择字体包、Symbol 或 SVG 其中一种引入方式。具体三种方式的差别与踩坑点，可以看本页 深度解读 一节。
https //www.iconfont.cn/ 和普通图标素材站有什么区别？
最大的区别是它更偏「项目管理」而不是「素材下载」：能把多个图标合成一套字体或符号库，直接嵌进前端项目里，改一个图标不用重新导出整包。普通素材站多是单张图片下载，风格统一和后期维护要靠自己。两者并不冲突，做原型时用素材站，做正式项目时用它的项目管理更顺。
本站内容多久更新一次？发现信息有误怎么反馈？
入口地址与使用流程类内容我们会定期核对，页面上的更新日期就是最近一次核对时间；官方界面调整后，说明文字可能滞后几天。发现错误、失效链接或表述不准确，欢迎发邮件到 hello@icon-font.cn，我们一般 48 小时内回复处理。也请先看本页 内容说明 一节，了解我们的边界。
关于本站内容的几点说明
把边界写在明面上，比藏在页脚更有用。
- 本站定位是信息导航与内容整理站。我们围绕 https //www.iconfont.cn/ 整理入口、流程与说明，不托管、不上传、不代理任何文件或流媒体，与官方平台没有隶属关系。
- 信息来源为公开页面。文中涉及的功能描述、操作流程，均来自公开可访问的页面与我们自己的实际操作记录，版权归原作者与平台所有。我们只做归纳与解读，不复制原文。
- 授权与可商用判断以原作者声明为准。本站不对任何具体图标、字体、资源的授权状态下结论，也不会替你「担保」某个资源可以商用。需要明确授权时，请回到资源所在页面查看。
- 侵权投诉渠道与时效。如你认为本站内容侵犯了你的权益，请发邮件至 hello@icon-font.cn，注明具体页面与权利证明，我们会在 48 小时内核实并处理，必要时先行下线相关内容。
- 未成年人使用提示。本站内容面向设计与开发学习用途，若你是未成年人，建议在监护人指导下使用，并注意合理安排上网时间。
- 不展示无法核实的数据。本页不列出未经核实的下载量、用户数、排名或评分；信息尚未确认时保持空缺，不做猜测补齐，也不提供任何盗版、破解或侵权传播路径。
编辑部：三个把说明写顺的人
名字是笔名，做的事是真的。每篇说明发布前，至少两个人各跑一遍流程。
林知远
主编 · 入口与流程核对
负责官方入口地址核对与使用流程梳理，长期跟进前端资源类站点的可用性变化。
苏晚
内容编辑 · 图标与设计资源
负责图标风格、授权说明与设计资源类内容的整理与撰写，偏爱把专业细节讲成日常话。
周砚
技术编辑 · 前端接入
负责字体包、Symbol、SVG 三种接入方式的实操验证与踩坑记录，写说明前一定自己先跑一遍。
联系我们：写信比点赞有用
入口失效、说明有误、想补充某个场景，都欢迎直接说。
联系方式
- 品牌名称
- iconfont导航站
- 客服与反馈邮箱
- hello@icon-font.cn
- 商务合作邮箱
- biz@icon-font.cn
- 版权投诉邮箱
- copyright@icon-font.cn
- 联系电话
- +86-571-8888-0000（工作日 10:00–18:00）
- 办公地址
- 浙江省杭州市西湖区文三路 88 号创意园 B 座 501