Upload an icon font and render its glyphs as a browsable grid. Click any icon to copy its escape code for CSS or HTML.
Upload a font and press Render grid to see its glyphs here.
The uploaded font is registered locally with the FontFace API under a fixed internal name. Rendering the grid then loops from your chosen start code point through the glyph count you set, converting each number to a character with String.fromCodePoint and rendering it in the uploaded font. Since icon fonts map arbitrary code points to pictograms rather than letters, scanning a range like this is the simplest reliable way to see everything a font contains without needing its internal glyph names.
Most icon fonts assign glyphs in the Unicode Private Use Area (U+E000–U+F8FF), reserved for exactly this kind of custom mapping.
Change the start code point or glyph count if a font uses a different range, or to scan further into the PUA.
Clicking a glyph copies its \u escape code, ready to paste into a CSS content: value or as an HTML numeric entity.
Most icon fonts place their glyphs in the Private Use Area of Unicode, which spans U+E000 to U+F8FF and is reserved for exactly this kind of custom, non-standard character. Starting there is usually the fastest way to find an icon font's glyphs.
Some icon fonts use a different range, such as U+F000 upward or plain ASCII letters mapped to icons. Try adjusting the start code point, or increase the glyph count so the range covers more possibilities.
The tool copies that glyph's CSS-ready escape code to your clipboard, such as U+E001 written as a backslash followed by its four-digit hex value, so you can paste it straight into a CSS content: property or use it as an HTML &#x...; entity.
No. It's loaded locally with the FontFace API from an object URL created in your browser. Nothing is sent to a server.
Up to 500 in a single render, which comfortably covers the entire Private Use Area range in a few passes.
More handy tools from My Panda Toolbox.