icon：
- icon font ，图标字体，也叫字体图标，顾名思义，就是字体做的图标。受到近些年 扁平化设计 的影响，越来越多的图标都开始使用 icon font
优点：
- 自由的变化大小，且不会模糊
- 比图片小，加载快
- 可以任意改变颜色
缺点：
- 只能被渲染成单色或者CSS3的渐变色
- 创作自已的字体图标很费时间，重构人员后期维护的成本偏高
svg
svg优点：
- 矢量图，不依赖于像素，无限放大后不会失真。
- 以dom的形式表示，事件绑定由浏览器直接分发到节点上。
- 文本独立，SVG图像中的文字独立于图像，文字保留可编辑和可搜寻的状态。也不会再有字体的限制，用户系统即使没有安装某一字体，也会看到和他们制作时完全相同的画面。
- 超级颜色控制。
svg缺点：
- dom形式，涉及到动画时候需要更新dom，性能较低。
canvas
canvas优点：
- 定制型更强，可以绘制绘制自己想要的东西。
- 非dom结构形式，用JavaScript进行绘制，涉及到动画性能较高。 canvas缺点：
- 事件分发由canvas处理，绘制的内容的事件需要自己做处理。
- 依赖于像素，无法高效保真，画布较大时候性能较低
总结：
- icon是图标字体，可以缩放的矢量图标，没有太大的优化空间，不容易修改，但是消耗小，加载快
- svg更利于后期调试，功能多，可优化空间大，消耗大一些
