icon使用介绍Symobl方法

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


图片.png

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


图片.png

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

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

图片.png

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


图片.png

图片.png

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


图片.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。