阿里图标库

m0_57879259 2021-05-03 12:00:39

阿里图标库用Unicode引用自动生成的代码好像错了，没法引用成功，如图所示，请各位大佬看看

...全文

873 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

前端小歌谣 2021-05-05

打赏
举报

回复

按照步骤来。第一步第二部第三部

前端小歌谣 2021-05-05

打赏
举报

回复

按照步骤来。第一步第二部第三部

weixin_50944805 2021-05-05

打赏
举报

回复

试试下载，看看本地的可不可以

基于阿里云官方的图标库制作的OmniGraffle版阿里云图标.gstencil

一、进入阿里图标库官网站：http://www.iconfont.cn 二、选择想要的图标加入购物车(如果不想以unicode方式使用图标，那直接下载png等格式即可) 三、然后进入购物车点击下载代码四、解压后，选择这下图五个文件复制，其它的是demo文件，告诉我们如何使用。五、我在项目的assets目录下新建了个fonts目录来放这五个文件六、打...

本套课程与阿里云大学联合打造，以国内电商巨头实际业务应用场景为依托，以阿里云框架为技术支持，紧跟大数据主流场景，对接企业实际需求，对电商实时数仓的搭建进行了详细讲解。课程内容结合国内多家企业实际项目经验，从框架版本选型、系统架构设计、业务流程设计，手把手带你从零开始完成基于阿里云的实时数仓项目。（版本框架：RDS、DataHub、DTS、实时计算、DataWorks、DataV等）

vue项目使用阿里图标库的图标 1.打开阿里图标库的首页，登录注册一下，搜索需要的图标，加入购物车 2.点击首页右上角的购物车，将刚刚加入购物车的图标添加到项目，如果还没有项目就新建一个 ![在这里插入图片描述](https://img-blog.csdnimg.cn/ada8af1ca51b41a2b45adbeeb4cef32f.png 前置工作完成了，接下来是如何在vue项目中使用图标，这里我使用的是symol引用 symbol 引用支持多色图标了，不再受单色限制。通过一些技巧，支持像字体

一、下载图标库 1. 打开阿里图标库网址 https://www.iconfont.cn/，选择自己喜欢的图标，加入购物车（需要进行登录）。 2. 点开购物车图标，点击下载代码。二、使用阿里图标库 解压下载的文件夹，将整个文件夹添加到项目里面。在合适的位置引用该文件夹下面的iconfont.css文件。在html文件标签中，使用相关的类即可。三、vue项目为例将文件夹放到assets文件夹下面引入css文件使用图标类具体是什么类名可以参考，1. 中的demo_index.

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章