iconfont是阿里巴巴公司推出的一款在线图标设计软件，在这里有着非常丰富的图标，软件专注于原创图标设计，集图标搜索、下载、上传、管理等多项功能于一体，同时还能够将图标转化为字体应用，方便应用于web前端。

iconfont是阿里巴巴倾力打造的矢量图标管理、交流平台，设计师可以把自己设计好的图片上传到该平台上，无论是商用还是免费下载都可以自由设定，无论你是初入设计行业的新手，还是行业大牛，都可以在这里找到自己想要的。

【iconfont功能介绍】

搜索：支持关键词模糊搜索，可以搜图标搜用户，中文/English/Pingyin无缝互译

下载详情页：可查阅icon归属图标库与作者，多色图标支持分路径改色，下载图标自动保存最近使用的颜色

购物车：将图标加入购物车后，可以批量下载素材和代码、批量添加至项目

上传：支持单个或批量上传多个icon、支持单色/多色icon同时上传、支持图标自定义配置标签

图标库：系列相关图标的集合，由图标上传者创建，需通过审核才可公开/加密访问图标库分为官方图标库/自定义图标库/多色图标库

项目管理：“项目”是帮助团队协同合作的共享模块，创建项目后，视觉同学上传icon，交互/产品同学可以?自由下载图标，前端同学可以将图标以字体格式添加至代码，支持三种格式代码使用。

打赏：支持原创图标，尊重设计成果，在“用户”与“图标库”维度支持打赏，如果你喜欢哪位设计师，赶快去打赏吧～

【iconfont软件特点】

【海量图标自定义下载】

支持AI/SVG/PNG/代码格式下载

支持按路径改变icon颜色

【将图标转化为字体应用】

添加项目的图标，可以生成在线链接

以字体形式进行复用

【项目协同合作】

创建项目后上传icon，成员可以下载图标

前端同学可以将图标添加至代码

【原创icon交流平台】

我们提供一个原创图标共享、交流平台

尊重原创，尊重每个设计师

【iconfont使用方法】

iconfont图标绘制教程

1. 下载原文件 图标制作模板.AI

图标在绘制时均以标准图标大小1024x1024px绘制，因为在制作成字体时文件需要 设置较高的清晰度，所以图标路径也需要等比例放大。

2. 设置图标大小

设计师可以直接将画好的图标路径复制到模版里，根据模板的辅助线，对图标 进行位置的调节，居中，四周等距，保证图标的统一。

3. 另存为svg格式

4. 上传图标

将SVG文件拖拽至此，或点击上传

5. 命名图标及定义图标标签，完成上传

icon单个使用

单个图标用户可以自行选择下载不同的格式使用，包括png,ai,svg。

点击下载按钮，可以选择下载图标。

此种方式适合用在图标引用特别少，以后也不需要特别维护的场景。

比如设计师用来做demo原型。

前端临时做个活动页。

当然如果你只是为了下载图标做PPT,也是极好的。

不过如果是成体系的应用使用，建议用户把icon加入项目，然后使用下面三种推荐的方式。

【iconfont常见问题】

为什么下载字体，更新cdn都会提示error ？

iconfont平台也是依赖的第三方的c库fontforge来生成字体的，如果unicode不符合规范，或者图标本身的路径有问题，它会报错的。

遇到这种问题，可以直接把一半图标添加到一个新项目看看是不是有问题，一半一半的试，就可以排查出这个问题图标了。

为什么下载字体后，发现所有图标偏上了 ？

这种情况一半都是其中某些图标有问题，他们的图形可能超出了舞台，也可能是设计师粗心，在舞台外面有个点或者啥的。

总之这个图标会把整个字体撑开，我们需要参考上面的用二分法排除这个图标。删除重新生成字体即可。

审核一般要多久，有什么注意事项没？

审核一般1-2个工作日(不过如果审核同学忙暴毙，望谅解...)

审核不通过的原因可能是：

单色图标与多色图标混合在一个图标库内

没有符合绘制规则

图标质量实在辣眼睛

抄袭Iconfont线上已有多色图标

大家在对图标库和图标命名的时候，尽量如实描述，不要出现只有自己才能懂的火星文，考虑到图标库的公开属性，通用易懂比较绿色健康无公害

微博登录有问题？

微博登陆的问题，我们也很无奈，不是太稳定，也没有啥反馈的渠道，建议大家可以先使用github登陆，后续我们会尝试接入qq，微信啥的，或者自建账户体系。