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

  2. 下载矢量图标设计模板,如图

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

  4. 点击椭圆工具画一个大小为900*900的圆

  5. 点击文字工具,输入文字内容并调整为合适的大小,例610px

  6. 选中圆形–右键–建立复合路径

  7. 选中字体—对象—扩展

  8. 点击确定

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

  10. 文件—存储为

  11. 保存类型(SVG)—确定

  12. 最终效果如图所示:

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

  14. 点击上传图标按钮

  15. 选择需要上传的图标

  16. 审核通过后,点击保留颜色并提交

Ai 制作简单的iconfont字体图标相关推荐

  1. iconfont 字体图标

    目前国内使用最多的是iconfont-阿里巴巴字体矢量图标库, 字体图标主要显示网页中通用常用的一些小图标iconfont-阿里巴巴矢量图标库iconfont-国内功能很强大且图标内容很丰富的矢量图标 ...

  2. 使用阿里巴巴图标库生成iconfont字体图标

    iconfont字体图标就是用字体来代替图标.图片文件的做法,并且通过字体图标可以对图标的大小.颜色等进行控制,但是缺点就是只能实现一种颜色,不能像图片那样含有各种颜色. 通过阿里巴巴图标库制作字体图 ...

  3. 阿里巴巴iconfont字体图标使用方法

    iconfont字体图标的使用方法--超简单! 这里讲解的默认是元素使用类名; step 1:百度iconfont,找到阿里巴巴矢量图标库官网,然后注册登录,或者用github登录也行,此步骤跳过; ...

  4. 东北狼仙-织梦仿站获取网站的iconfont字体图标字体方法

    好久没有仿站了突然碰到这个问题,随心所欲的就发布了一下获取网站iconfont字体图标方法 首先找到CSS文件下载打开 搜索@font-face 查找类似代码 @font-face { font-fa ...

  5. 如何在vue项目中系统的使用iconfont字体图标

    如何在vue项目中系统的使用iconfont字体图标 前言 iconfont的特色 官网注册 在项目中使用的方式 前言 今天聊一下前端iconfont的使用方式,前端的图标经过这些年的发展,变得更系统 ...

  6. uniapp使用iconfont字体图标

    本文介绍两种方案:一.使用iconfont字体图标 二.使用icon图片 情景1:使用灰色的字体图标 方案一:使用iconfont字体图标 步骤1:下载iconfont 步骤2:解压后只需要将ifon ...

  7. iconfont字体图标的使用方法

    今天来谈谈iconfont字体图标的使用方法 一.打开阿里巴巴矢量图官网 阿里巴巴矢量图官网 界面如下: 二.选择登录:可以使用GitHub账号登录,用其他账号也可以这里我选择用GitHub账号登录 ...

  8. ai怎么取消颗粒效果_怎么用AI制作粒子消散效果字体?

    怎么用AI制作粒子消散效果字体?,效果,粒子,字体,右键,矩形 怎么用AI制作粒子消散效果字体? 易采站长站,站长之家为您整理了怎么用AI制作粒子消散效果字体?的相关内容. 怎么用AI制作粒子消散效果 ...

  9. html前端小知识:制作简单的纯文字图标按钮

    今天分享下"html前端小知识:制作简单的纯文字图标按钮"这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark ...

最新文章

  1. ant design pro(一)安装、目录结构、项目加载启动【原始、以及idea开发】
  2. 网络:.cookie和session原理及区别
  3. 关于SharePoint中管理列表项权限
  4. javafx 剪切板_JavaFX技巧18:路径剪切
  5. 前端学习(2138):前端工程化
  6. iOS NSString中字符串的删除,替换
  7. NHibernate初探(一)简单且完整的示例
  8. stm32的rxcallback再debug界面显示没有编译,uC/OS-III
  9. 取消一个项目git版本控制
  10. PIC单片机应用开发实践教程(四): MPLAB X IDE Debug
  11. 成都VS上海,先锋设计机构与未来建筑的“双城battle”
  12. 咖啡师学习需要注意什么
  13. python打印的时候print(f“*******“) 的括号里的 f‘ ‘ 是什么意思 ?
  14. asp.net mvc 实现判断用户是否登录的两种方式
  15. reactos回顾总结(一)reactos源码编译
  16. java微信开发平台_Java微信公众平台开发(1) 接入微信公众平台
  17. Python小课们是如何赚钱的
  18. 做完这套面试题,你才敢说懂Excel
  19. 【司马编译器】“命名空间”分析
  20. torch.addcdiv 和 torch.tensor.addcdiv_

热门文章

  1. 安装并启动openOffice—debian系统
  2. 总结了9款Mac端超好用的免费开源软件,你还有更好的推荐吗?
  3. SMS PDU 短信回执设置
  4. ctrl +R 类unix 搜索神器
  5. 苏宁“1小时场景生活圈”会是零售业的新赛道吗?
  6. js 截取字符串 subStr()、substring()、slice() 方法
  7. 生产力工具——【CHM制作】如何将网页制作成离线的CHM文件
  8. DAY10 宝可梦数据分析
  9. 天山云服务器在线灯为啥不亮,灯全不亮,没跳闸,插座有电
  10. 32单片机移植FreeRTOS时Keil5引入.h头文件及部分可能的坑