Convert Emoji to Image

Because each OS ships its own emoji font: Apple Color Emoji on macOS/iOS, Segoe UI Emoji on Windows, Noto Color Emoji on Android/ChromeOS/most Linuxes. The designs differ significantly – Apple’s 👍 is a different artwork from Microsoft’s. Forcing a specific font stack gives predictability if that font is installed; users without the font fall back to whatever their system has.

Only if Apple Color Emoji is installed on that Windows machine (it isn’t, by default). The “Apple Color Emoji” font stack entry will gracefully fall back to the next available option. For guaranteed cross-platform consistency, use a Twemoji-based SVG set or similar licensed emoji font – beyond the scope of this tool.

It measures the rendered text’s bounding box at the requested size, and if that box overflows the canvas (minus padding), it shrinks 5% and re-measures. Loops down to 8px if needed. The result: the emoji always fits within the usable area. Disable auto-fit if you want the font at exactly the size you entered.

Modern emoji are stored as multi-colour glyphs (COLR/CPAL tables or embedded PNGs/SVGs in the font). The colour is baked in, so CSS color has no effect. Text color only matters for monochrome emoji symbols (the older U+263A smiley, for example) or plain text, or when the system falls back to an outline font.

Yes. The canvas is cleared (not filled) so toDataURL('image/png') produces a PNG with a transparent background. The preview panel shows a checkerboard to make transparency visible on any page colour. Download the PNG and you’ll see true alpha in Photoshop / Figma / image viewers.

ZWJ sequences (family, skin tones, profession emoji) are 3-7 code points that render as one glyph when the font supports the combination. JavaScript’s .length counts UTF-16 code units, so  is .length === 2 and 👨‍👩‍👧 is .length === 8. The stats panel shows all three: code units, code points, and UTF-8 bytes.

Flags like 🇬🇷 (Greece) are pairs of regional indicator symbols 🇬 + 🇷 (U+1F1EC + U+1F1F7). Most fonts map those pairs to an actual flag glyph; Windows famously displays them as the letter pair “GR” instead. Use Apple or Noto stacks if you need flag glyphs on Windows and they’re installed.

The tool itself is free for any use. Emoji fonts themselves are licensed by their owners: Apple Color Emoji (Apple, Mac/iOS only), Segoe UI Emoji (Microsoft, Windows only), Noto Color Emoji (Google, Apache 2.0, free to redistribute), Twemoji (Twitter/X, CC-BY 4.0). If your commercial use requires redistributing the PNG widely, Noto or Twemoji have the most permissive licenses.

2000×2000 pixels. Canvas 2D can technically go bigger but memory usage climbs fast (a 4K × 4K canvas is ~64 MB), and browsers may refuse to encode it via toDataURL. For print-quality graphics consider rendering at 2000 and upscaling in a dedicated tool.

Yes. All rendering happens via your browser’s Canvas API. No upload, no account, no tracking. Load the page once and it works offline indefinitely.