Ai 制作简单的iconfont字体图标

  1. 打开网址https://www.iconfont.cn/icons/upload?spm=a313x.7781069.1998910419.d059fa781

  2. 下载矢量图标设计模板,如图Ai 制作简单的iconfont字体图标_第1张图片

  3. 打开下载的图标制作模版.ai文件

  4. 点击椭圆工具画一个大小为900*900的圆
    Ai 制作简单的iconfont字体图标_第2张图片

  5. 点击文字工具,输入文字内容并调整为合适的大小,例610px
    Ai 制作简单的iconfont字体图标_第3张图片

  6. 选中圆形–右键–建立复合路径
    Ai 制作简单的iconfont字体图标_第4张图片

  7. 选中字体—对象—扩展
    Ai 制作简单的iconfont字体图标_第5张图片

  8. 点击确定
    Ai 制作简单的iconfont字体图标_第6张图片

  9. 按住shift,选中字体和图形 —剪去顶层

  10. 文件—存储为
    Ai 制作简单的iconfont字体图标_第7张图片

  11. 保存类型(SVG)—确定 Ai 制作简单的iconfont字体图标_第8张图片

  12. 最终效果如图所示:
    Ai 制作简单的iconfont字体图标_第9张图片

  13. 上传iconfont图标库,打开网址https://www.iconfont.cn/icons/upload?spm=a313x.7781069.1998910419.d059fa781

  14. 点击上传图标按钮
    Ai 制作简单的iconfont字体图标_第10张图片

  15. 选择需要上传的图标

  16. 审核通过后,点击保留颜色并提交
    Ai 制作简单的iconfont字体图标_第11张图片

你可能感兴趣的:(iconfont,ui)