icon使用介绍Symobl方法

简介:找到阿里巴巴图标矢量库,找到自己要的图标,添加到购物车或者项目,完成后在项目里可以看到
1,百度搜索阿里巴巴矢量库,进入登录账户后搜索自己需要的图标,点击图标放入购物车,添加到项目,新建文件夹


图片.png

2,页面跳转 点击生成代码 得到在线地址


图片.png

3,把在线地址复制到项目中
图片.png

4,回到图标网址点击使用帮助,找到symbol方法,把css代码放到项目中
图片.png
图片.png

图片.png

5,把html代码放到项目中,修改成自己图标的后缀


图片.png

图片.png

6,回到项目的html页面可以看到图标已经出现,接下来设置样式,svg必须使用fill设置颜色,不能使用color


图片.png

你可能感兴趣的:(icon使用介绍Symobl方法)