自定义图标iconfont

最新推荐文章于 2024-04-15 14:07:59 发布

哪儿凉快待哪儿

最新推荐文章于 2024-04-15 14:07:59 发布

阅读量834

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_43738272/article/details/104784379

版权

本文介绍了如何在阿里iconfont上自定义图标，并将其应用于前端项目。首先，需要将SVG图标上传到iconfont，接着在项目中进行管理和刷新代码以获取新CSS。最后，在Vue.js项目中引入并使用这些自定义图标。

摘要由CSDN通过智能技术生成

阿里iconfont的使用

ui切好图上传到蓝狐，我们下载svg格式的图片。
登陆iconfont官网
然后将自己取的iconfont的昵称也就是用户名给你们负责人说，叫他把你拉入图标管理库，这样才能共同开发，全部人各自定义自己的图标，不冲突。
被拉入库之后
- hover导航栏的图标管理库点击我的项目
- 我参与的项目就是你们公司的项目
开始自定义icon
- 点击上传图标致项目
- 将你下载的svg格式的图片传入，之后相应操作后生成。
刷新图标库，获取到新的css路径码，不然的话项目怎么知道你添加了新的图标？当然需要更新项目的代码啦。
- 点击Font class, 注意，传入新图标后，旁边有个刷新代码的操作，点击刷新代码，获取最新的css代码，，并复制
引入到项目
- 进入到项目的public文件的index.html
- 替换掉原本的css代码