阿里巴巴矢量图标库怎么使用

vingaaa

于 2024-08-05 10:30:28 发布

阅读量281

点赞数 3

分类专栏：矢量库文章标签：前端

本文链接：https://blog.csdn.net/vingaaa/article/details/140920206

版权

矢量库专栏收录该内容

1 篇文章 0 订阅

订阅专栏

首先搜索你想要的图标,点击类似购物车的icon图标,点击添加入库,接着点击添加到项目中,也可以新建一个项目,然后就可以下载图标到你的代码文件夹中,也可以使用在线链接

在代码中新建一个Myicon.js文件,然后复制这段代码,接着在使用的地方,把这个Myincon.js的路径引入过去,并且使用<MyIcon type="icon-mingpian" style={{ fontSize: '20px' }} />标签

import { createFromIconfontCN } from '@ant-design/icons';
 
// 图标有更新时，需更新下面图标链接
export const MyIcon = createFromIconfontCN({
    //如果你的阿里巴巴图标库中有两个或者两个以上，可以重新生成代码共用这一个。
  scriptUrl: '//at.alicdn.com/t/c/font_4638181_sxpo4pbbtef.js',
});