File Size Comparison of SVGs and Icon Fonts

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.