美文网首页
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