Icon Font Compressor
Compress icon fonts like Font Awesome, Material Icons, and Bootstrap Icons to only the icons you actually use. Our icon font compressor rebuilds the font's character map to remove unused glyph mappings — enter your unicode codepoints and download a compressed WOFF instantly. All processing happens in your browser. No signup required.
Upload an icon font (Font Awesome, Material Icons, Bootstrap Icons, or any custom icon font) and enter the unicode codepoints you actually use. The compressor rebuilds the font's character map to only include those icons — all processing happens locally in your browser.
Step 1 — Upload your icon font
Drop your icon font here
or click to browse
TTF, OTF, and WOFF files are supported
Step 2 — Enter the unicode codepoints to keep
Accepted formats: f000, U+F000, 0xF000,  — comma, space, or newline separated.
Why Use Our Icon Font Compressor?
Instant Icon Font Compression in Your Browser
Compress icon fonts from Font Awesome, Material Icons, and Bootstrap Icons directly in your browser — no server upload, no cloud processing. Our icon font compressor rebuilds the character map instantly using pure JavaScript.
Secure Icon Font Compressor Online
Your font files never leave your device when you compress them. 100% client-side processing means complete privacy — no cloud storage, no server logs, no font data exposure of any kind.
Icon Font Compressor — No Installation
Compress icon fonts directly in your browser with no software downloads, no plugins, and no account required. Works on any modern browser on any operating system — no signup required.
Supports Font Awesome, Material Icons & More
Built-in presets for Font Awesome 5/6, Material Icons, and Bootstrap Icons — or paste any custom unicode codepoints. Accepts TTF, OTF, and WOFF input formats and outputs a compressed WOFF file.
Common Use Cases for Icon Font Compressor
Core Web Vitals & Page Speed Optimization
Font Awesome 6 Free is 800 KB+ — most sites use fewer than 50 icons. Compress the icon font to only the icons you use to eliminate the "Reduce unused CSS" and "Avoid large network payloads" PageSpeed warnings.
React, Vue & Angular App Optimization
Compress icon fonts in single-page applications to reduce the initial bundle size. Smaller icon fonts load faster, improving Time to Interactive (TTI) and Largest Contentful Paint (LCP) scores.
Email Template Icon Fonts
Compress icon fonts used in HTML email templates to only the icons referenced in the template. Smaller font files load faster in email clients that support @font-face, improving rendering speed.
E-Commerce & Landing Page Performance
Compress icon fonts on product pages and landing pages to reduce page weight. A compressed icon font with 20 icons is typically 95% smaller than the full Font Awesome library.
Mobile Web Performance
Compress icon fonts for mobile web delivery to reduce data usage on 3G/4G connections. Smaller icon fonts are critical for Core Web Vitals on mobile, where font loading is a common LCP bottleneck.
Custom Icon Font Distribution
Compress custom icon fonts before distributing them in design systems and component libraries. Shipping only the icons used in the design system reduces the font payload for every consuming application.
Understanding Icon Font Compression
What is Icon Font Compression?
Icon fonts like Font Awesome, Material Icons, and Bootstrap Icons contain thousands of glyphs — but most websites use fewer than 50. Icon font compression (also called font subsetting) removes unused glyphs from the font file, producing a much smaller file that only contains the icons you actually use. Our icon font compressorworks by rebuilding the font's cmap table — the character map that maps unicode codepoints to glyph IDs — to only include the codepoints you specify. This is a browser-safe approach that produces a valid WOFF file without requiring server-side tools.
How Our Icon Font Compressor Works
- 1Upload your icon font:Drag and drop a TTF, OTF, or WOFF icon font file. The font is read as a binary ArrayBuffer in your browser — no data is sent to any server. The tool parses the font's sfnt table directory and cmap table to build a complete codepoint-to-glyph mapping.
- 2Enter the codepoints to keep: Paste the unicode codepoints of the icons you use (e.g.
f000, f001, f002). Use the built-in presets for Font Awesome, Material Icons, or Bootstrap Icons as a starting point. The tool shows how many codepoints were detected before processing. - 3Download the compressed WOFF: The icon font compressor rebuilds the cmap table with only the requested codepoints and packages the result as a WOFF file. The results panel shows original size, output size, reduction percentage, and any codepoints not found in the font.
What Gets Compressed
- cmap Table (Character Map): Rebuilt to only include the requested codepoints — this is the primary source of size reduction. A full Font Awesome cmap maps 2000+ codepoints; a subset of 30 icons maps only 30.
- WOFF Container: The output is packaged as WOFF (Web Open Font Format) with a compact header and table directory — smaller than the original TTF container regardless of subsetting.
- Glyph Outlines (partial): All glyph outlines are preserved in the output — browsers will not render unreachable glyphs, but the glyf/loca tables are not rewritten. For maximum size reduction, use pyftsubset after this tool.
- Metadata & Unused Tables: All sfnt tables are preserved for compatibility. The cmap rebuild is the safe, browser-compatible subsetting approach that works without WASM or server-side processing.
Important Limitations
The icon font compressor rebuilds the cmap table to only map the requested codepoints — it does not remove glyph outlines from the glyf and loca tables. This means the output file is smaller than the original (due to the smaller cmap and WOFF overhead), but not as small as a full glyph-level subset. For maximum compression, use a server-side tool like pyftsubset (from fonttools) or glyphhanger after downloading the WOFF from this tool. WOFF input files are supported but must use uncompressed table storage (compLength = origLength).
Related Tools
JSON Key Shortener
Shorten verbose JSON keys to single letters or abbreviated forms — shows size reduction and provides a downloadable key mapping file for restoration. Free online JSON key shortener.
JSON vs MessagePack Size Comparison
Compare JSON byte size vs MessagePack encoding for any payload — shows exact savings, type-by-type breakdown, and MessagePack hex preview. Free online JSON vs MessagePack comparison.
String Decompressor (GZIP/LZ)
Decompress GZIP+Base64, DEFLATE+Base64, and LZ-String compressed payloads back to readable text — supports all three LZ-String variants. Free online string decompressor.
ZIP File Extractor
Extract files from any ZIP archive client-side — browse contents, preview text files, download individual files or all at once. Free online ZIP extractor, no signup required.
Frequently Asked Questions About Icon Font Compressor
An icon font compressor is a tool that removes unused glyphs from an icon font file, producing a smaller font that only contains the icons you actually use. Our free icon font compressor online works entirely in your browser — your font files are never uploaded to any server.
For Font Awesome, check the icon's detail page on fontawesome.com — the unicode is shown as "Unicode: f000". For Material Icons, check the material.io/icons page. For Bootstrap Icons, check icons.getbootstrap.com. You can also inspect your CSS file — icon fonts typically use content: "\f000" in their CSS rules.
The cmap table rebuild reduces the character map from thousands of entries to only the icons you use. For a site using 30 icons from Font Awesome (2000+ icons), the cmap reduction alone is significant. Combined with the WOFF container overhead reduction, typical savings are 10–40% vs the original TTF. For maximum reduction (removing glyph outlines), use pyftsubset after this tool.
Absolutely. Our icon font compressor processes everything locally in your browser using the JavaScript FileReader and ArrayBuffer APIs. Your font files are never uploaded to any server, never stored, and never leave your device.
Yes — 100% free, forever. No signup, no account, no premium tier, no file size limits, and no ads interrupting your workflow. Just upload your icon font, enter your codepoints, and download.
The icon font compressor supports any TTF, OTF, or WOFF icon font — including Font Awesome 4/5/6, Material Icons, Bootstrap Icons, Ionicons, Feather Icons, and any custom icon font. Built-in presets are provided for the three most popular icon font libraries.
The browser-based icon font compressor rebuilds the cmap table (character map) to only map the requested codepoints. Removing glyph outlines from the glyf and loca tables requires full font table rewriting, which needs WASM or server-side tools like pyftsubset. The cmap-only approach is safe, fast, and produces a valid WOFF that all browsers accept.
The output is a WOFF (Web Open Font Format 1.0) file — the standard web font format supported by all browsers including IE9+. Use it in a CSS @font-face declaration alongside a WOFF2 version for maximum browser compatibility.
Yes. Upload your Font Awesome Pro TTF or WOFF file and enter the codepoints of the icons you use. The tool works with any valid TTF/OTF/WOFF font regardless of the license. Ensure you comply with Font Awesome's license terms when distributing the compressed font.