favicon和avatar图标使用svg格式

转换

  1. 使用免费在线转换网站,上传我们的图片进行转换。特别注意需要转换后以path形式绘制的才行。如下2个网站都是可以的:svgcreatorsvgtrace

  2. 在转换完成后,即可下载svg文件,这时候已经可以使用。不过我们最好还是进行压缩,极致的做法还需要手动删减小数点后的值。
    SVG在线压缩合并工具

  3. 最后就可以直接在html标签内使用了。

<link rel="icon" href="https://static.meekdai.com/favicon.svg" type="image/svg+xml" />
<img src="https://static.meekdai.com/avatar.svg">






Other

Github 官方图标库 Octicons
Bootstrap官方图标库Bootstrap Icon
阿里巴巴矢量图标库iconfont
SVG查看编辑器SVG Viewer

感谢您的访问!转载请注明出处,谢谢!