По-моему, это всё — overengineering. При использовании шрифта артефакты при уменьшении, границы — жирный DOM, SVG — жирная отрисовка. Лучше сделать 1bpp GIF, увеличенный в 20 раз — маленький размер из-за RLE, быстро рисуется, поддерживается браузерами с древних времён.
Способы создания navicon