实现方案:

  1. 下载转换工具inkscape
  2. 登录阿里图标上传svg

inkscape中文版安装教程:

百度网盘链接:https://pan.baidu.com/s/11u657grvzuD7AaLdHy93uw
提取码:6aee

下载后直接安装,在Choose Setup Type这步选择Typical,这个安装后是中文版的。


inkscape使用教程:

  1. 选择 文件 --> 打开 --> 选择需要转换的图片

  2. 选择导入的图片配置

  3. 选中图片(重要)

  4. 选择 图层 --> 层置顶

  5. 选择 路径 --> 临摹位图轮廓

    一定要勾选删除背景图,不然上传到阿里iconfont会是一个空白的图标

    配置完后点击确定

  6. 选择 文件 --> 另存为 就可以得到一个svg格式的图标了。

上传iconfont


然后在资源管理 --> 我的图标就能看到上传的图标了。

png转svg格式并上传至iconfont相关推荐

  1. iconfont 无法导入 svg_Figma绘制图标上传至iconfont的正确姿势

    Figma中做好的图标,导出svg然后再上传到iconfont,经常会出现样式错误的情况: 这是因为figma的填充模式为"even-odd",iconfont识别不了这种格式.一 ...

  2. 记:psd中图标转成svg并上传到iconfont制作成图标

    拿到设计师给的.svg格式图标兴冲冲地上传到iconfont,发现上传的图标是空白的.用编辑器打开发现里面没有<path>,于是自己动手将psd里的图标做成svg上传到iconfont做成 ...

  3. 利用ps导出svg(主要用于上传自定义图标到iconfont)

    ps版本:2020 借鉴文章:https://blog.csdn.net/k912120/article/details/118787809 事情起因是我不想多此一举下个AI,本来想ps直接导出svg ...

  4. ps图片导svg,并上传到阿里图标库

    设计画的图标,之前一直用的Inksacpe转的svg,并上传到阿里图标库,但是在删除背景时,图片极其容易虚化变形. 最近发现ps导出的svg,也可以上传到阿里,最关键的一步是先把图片"形状化 ...

  5. 微信小程序 语音录制功能和文件(ppt、word、excel、pdf、txt格式)上传

    语音录制 提醒:因为开发者工具不能接收语音文件,所以要使用真机调试测试噢~ 思路:使用小程序API wx.startRecord .wx.stopRecord 方法(调用前 记得 app.js 添加 ...

  6. ps 导出矢量图为svg,并上传iconfont

    ps 导出矢量图为svg, 并上传iconfont ps 矢量图形 设置为填充 关闭描边 合并的图形要合并图形组件 然后到出为svg

  7. svg + image/svg+xml 文件上传实现xss

    svg + image/svg+xml 文件上传实现xss 环境:dvwa靶场 靶场关卡:文件上传 靶场难度:低级 我的吾爱破解帖子:XSS新思路-----XSS+SVG漏洞复现 https://ww ...

  8. web/java实现多种格式视频上传、转码、截图、播放、下载等功能附源码(详细)

    web /java 实现多种格式视频上传.转码.播放.下载 1.前言 前段时间一直在做一个生物资源共享平台,采用SSM框架技术,其中涉及一个模块,是关于视频资源的播放. 本来不是很大的问题,但是无奈用 ...

  9. webp格式图片上传以及转PNG

    webp格式图片上传 导入maven依赖 <!-- https://mvnrepository.com/artifact/org.sejda.imageio/webp-imageio --> ...

最新文章

  1. html盒子阴影的语法,css3 盒阴影box-shadow
  2. libsvm2.9数据格式
  3. 三级C语言上机考试试题与题解,全国计算机等级三级C语言上机试题逐题解析
  4. JavaScript实现knight Tour骑士之旅算法(附完整源码)
  5. java 手动事务回滚_JAVA设置手动提交事务,回滚事务,提交事务的操作
  6. iOS中NSString转换成HEX(十六进制)-NSData转换成int
  7. hbuilder - wap to app
  8. linux既能归档也能压缩的命令,Linux压缩及归档
  9. Pycharm下安装Tensorflow问题(利用anaconda)
  10. 【剑指offer】二进制中1的个数
  11. 【收藏】韦东山嵌入式Linux课程梳理|随时更新
  12. 程序员之路:Gmail邮箱客户端配置
  13. npm install 提示 path .../node_modules/node-sass command failed
  14. which在C语言用法,A,B, and C, which ... which指代的是它们三个还是只有C呢?
  15. 程序员什么时候适合创业呢?
  16. vue之axios封装
  17. QString,QByteArray和QBitArray之间的转换(原创)
  18. 插画构图的六种基本形式,小白必看!
  19. Android画不规则形状
  20. 算法设计题3.16-栈和队列-第3章-《数据结构习题集》-严蔚敏吴伟民版

热门文章

  1. Wikiot-DIY笔记(1)Jlink-OB-072
  2. 前端-Excel在线预览
  3. 基于cesium+canvas构建小区内部风场图
  4. 新年春节EDM邮件内容设计案例分享
  5. Python爬虫爬取微信朋友圈
  6. 3.PMAC硬件-组成和接口及安装
  7. java基础知识点、面试选择题归纳整理
  8. 玩客云刷入openwrt系统
  9. chmod +x 与chmod 777 的超详细解说
  10. 荔枝派Zero小白(一)