图标方案

png或png sprite

目前不太推荐,尤其是涉及比较多图标时

字体方式

利用阿里iconfont网站:

  • 通过上传svg格式的图标
  • 生成iconfont,支持ttf、woff、woff2和svg(也就是symbol方式),其中只有svg支持彩色

svg sprite

svg sprite至少有两种方式实现,一种是类似png sprite,另一种是svg symbol方式,详情见:[SVG Sprite 入门]
(https://www.cnblogs.com/10manongit/p/12639013.html)。

组件方式

类似@ant-design/icons,每个图标就是一个组件(如react/angular/vue组件)


性能

详见为什么要用SVG?svg与iconfont、图片多维度对比

你可能感兴趣的:(图标方案)