阿里图标库在旧有的iconfont中添加新的图标

1、先去阿里巴巴矢量图标库官网挑选自己需要的图标

iconfont-阿里巴巴矢量图标库iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具https://www.iconfont.cn/2、将图标添加至购物车

3、将图标添加至项目中（没有项目就新建一个）

4、在我的项目中，点击下载至本地

5、将下载好的进行解压，将以下这几个文件的名字修改一下，不要跟原有的文件重名了，把这几个文件复制，拷贝到我们自己的项目中

6、把iconfont.json文件打开，复制刚刚新加入的图标添加到我们自己项目的 iconfont.json 文件中

7、打开 iconfont.js 文件，把第一个 <symbol> 标签里的东西复制，

8、添加到我们自己项目的 iconfont.js 文件中，注意，放置在最后一个</svg>标签前面

9、将这一段复制下来，

添加到我们项目中的 iconfont.css 文件中

10、可以将 icontfont.css 里的样式复制下来，添加到我们自己项目的 icontfont.css 文件中

这样就大功告成啦！！接下来就可以使用啦

阿里图标库在旧有的iconfont中添加新的图标相关推荐

矢量图标库如何引入html,Iconfont矢量图标库在网站中的使用方法
原标题:Iconfont矢量图标库在网站中的使用方法大家都知道现在移动端网站设计比较热门,由于移动端的网站页面的收缩性要求很高,必然在网页设计中,一些小点的图标,使用图片收缩性,以及美观上并不是很理 ...
iconfont怎么添加新的字体图标？
因为项目新增功能需要加入新的iconfont图标,然而因为不知道原先所有iconfont文件所在项目不能整体重新下载,只好单独添加新的图标. 具体步骤见截图. 1----在iconfont官网找到对应 ...
Altium Designer 往元件库中添加新元件
Altium Designer 往元件库中添加新元件首先,在元件官网找到所需元件的封装信息各个公司的官网网址: Analog Device: https://www.analog.com/cn/i ...
wordpress添加媒体_如何在WordPress中添加新帖子并利用所有功能
wordpress添加媒体 Are you trying to create a new post in WordPress? Do you want to learn about all the W ...
Sharepoint学习笔记—Ribbon系列-- 5. 在Ribbon中添加新控件(针对用户自定义Tab)
前面我们实现了向用户自定义的Tab中添加新的Group,并向其中创建了两个Button按钮.这里我们看看如何向这个已经创建好的Group中再另外添加新的Button控件(当然,你可以添加其它控件,实现 ...
Android内核开发：在源码树中添加新的app应用
本文是<Android内核开发>系列的第十二篇文章,上一篇文章介绍了如何从源码中删除出厂的app应用,本文则在此基础上,详细介绍一下如何在Android内核源码树中添加一个新的app应用. ...
origin2019插入图片_Origin绘图时在新图层中添加新图的方法
在使用Origin绘图时,经常遇到在当前图层中再添加一个新图的情况,那么本文就详细讲解下如何在当前图层中添加新图的方法. 在带有数字2的灰色方块内点击右键,从弹出的菜单里选择Layer content ...
在VirtualBox中的Ubuntu中添加新硬盘
2019独角兽企业重金招聘Python工程师标准>>> 在VirtualBox中的Ubuntu中添加新硬盘 VitrualBox是不允许更改重置硬盘大小的,所以当硬盘不足时,只能添加 ...
Android 驱动（17）---如何在linux中添加新的kernel module
如何在linux中添加新的kernel module 该SOP针对客户如何添加一个kernel module,并把生成的.ko打包进system.img的过程. 解决方案 L版本(version> ...

阿里图标库在旧有的iconfont中添加新的图标

阿里图标库在旧有的iconfont中添加新的图标相关推荐

最新文章

热门文章