iconfont添加图标步骤

2020-09-07  本文已影响0人  efho

1 www.iconfont.cn 搜索选择需要数目的图标,点击购物车

2 选完图标,点击添加至项目,新建项目。

3 可以批量操作,删除颜色

4 生成代码

5 html文件body中 <script src = '生成的代码'></script>

6 点击 使用帮助,看symbol引用,在css和html中添加代码,aria-hidden="true"可以删除

7 返回到项目中,在需要的图标点复制代码,拷贝至下图加粗区

<svg class="icon" aria-hidden="true">

            <use xlink:href="#icon-xiangpica"></use>

        </svg>

上一篇 下一篇

猜你喜欢

热点阅读