美文网首页
icon使用介绍Symobl方法

icon使用介绍Symobl方法

作者: 夜景阑姗 | 来源:发表于2020-06-09 16:39 被阅读0次

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


图片.png

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


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

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


图片.png
图片.png

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


图片.png

相关文章

网友评论

      本文标题:icon使用介绍Symobl方法

      本文链接:https://www.haomeiwen.com/subject/czfetktx.html