File Size Comparison of SVGs and Icon Fonts

News / 📅 September 18, 2015

IcoMoon lets you use your icons both as SVGs and icon fonts. There are pros and cons to both methods. SVGs are recommended in most cases; but if you need a lot of icons in your UI, fonts can provide better file size compression. The following is a comparison of the same set of icons containing 170 icons in both SVG and font formats. The SVG file has been minified and it contains all the <symbol> definitions ready to be inserted via the <use> tag. Files used in this comparison have been linked below.

• SVG: 223 KB (55 KB gzipped)
• TTF: 56 KB (26 KB gzipped)
• WOFF 2.0: 22 KB (no gzipping required*)

* WOFF 2.0 files should not be gzipped because they are already compressed using the “brotli” algorithm.