SVG图标是用矢量图形绘制的，放大缩小都不模糊，而普通图标是位图格式，缩小后容易失真。SVG支持透明背景和动态效果，适合网页和移动端，普通图标兼容性差，尤其在高清屏幕上显示效果差。设计师常用SVG做导航栏和按钮，普通图标用得少。

为什么SVG更好呢？首先矢量图放大不失真，前年设计平台调查显示85%用户偏好SVG，因为高清屏普及率达78%，普通图标在2K屏幕上清晰度下降40%。其次SVG支持动画，像微信图标加载动画就是用SVG做的，普通图标得用其他技术。数据表明使用SVG的网站加载速度比普通图标快1.2秒，用户跳出率降低15%。再就是维护成本低，修改颜色或形状直接改代码就行，普通图标得重新画。不过SVG文件大点，但现在的压缩技术能解决，像Google Material Design用的都是SVG。所以综合来看，SVG图标更实用，普通图标慢慢被淘汰了。