1.兼容現有圖片能力前提還支持矢量
SVG提供的功能集涵蓋了嵌套轉換、裁剪路徑、Alpha通道、濾鏡效果等能力，它還具備了傳統圖片沒有的矢量功能，在任何高清設備都很高清。點擊查看下面這張SVG圖形：
這樣一張高質量的矢量圖片它的質量僅僅只有：
2.渲染方式不同
icon font采用的是字體渲染，icon font在一倍屏幕下渲染效果並不好，在細節部分鋸齒還是很明顯的，SVG上面我說過它是圖形所以在瀏覽器中使用的是圖形渲染，所以SVG卻沒有這種問題.
3.iconfont可讀性不好
icon font主要在頁面用Unicode符號調用對應的圖標，這種方式不管是瀏覽器，搜索引擎和對無障礙方面的能力都沒有SVG好