html原生支持svg,越来越多的网页使用svg图标代替图片图标
关于svg图标的获取,可以直接在https://www.iconfont.cn/中下载得到
既可以使用静态的svg+path标签加入svg
可以使用js将svg元素字符串输出到html代码中,适合同一个svg path元素出现在多个不同地点的情况.
-----
相比于依赖于第三方css/js库(如font awesome),这种方式可以更加精简和定制化的实现网站的字体图标,稳定提供字体图标的同时,不会带来更多的服务器网络负载.
网页中使用svg图标
: