noto-color-emoji-flags

Country flag emoji subset of Noto Color Emoji. ~800KB COLR vector web font.

Windows and Chromium browsers don't render flag emojis, showing two-letter codes like "US" instead of 🇺🇸. This font fixes that.

Install

npm install noto-color-emoji-flags

Usage

CSS import

@import 'noto-color-emoji-flags';

This registers the Noto Color Emoji Flags font face. Add it to your font stack:

body {
  font-family: 'Noto Color Emoji Flags', 'Inter', sans-serif;
}

Direct font URL

If you only need the font file:

@font-face {
  font-family: 'Noto Color Emoji Flags';
  src: url('noto-color-emoji-flags/dist/noto-color-emoji-flags.woff2') format('woff2');
  font-display: swap;
}

CDN

Use directly from a CDN without installing:

jsDelivr

@font-face {
  font-family: 'Noto Color Emoji Flags';
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/npm/noto-color-emoji-flags/dist/noto-color-emoji-flags.woff2') format('woff2');
}

unpkg

@font-face {
  font-family: 'Noto Color Emoji Flags';
  font-display: swap;
  src: url('https://unpkg.com/noto-color-emoji-flags/dist/noto-color-emoji-flags.woff2') format('woff2');
}

What's included

• All 258 country/region flag emojis (Regional Indicator pairs U+1F1E6-1F1FF)
• Subdivision flags (England, Scotland, Wales via U+1F3F4 + tag sequences)
• COLR/CPAL vector format, crisp at any size (Chrome 98+, Firefox 107+, Safari 15.2+)

What's not included

Everything else. Smileys, people, animals, food, objects, symbols, etc. For full emoji coverage use the complete Noto Color Emoji font.

Rebuilding

Requires Python 3, uv (for uvx), curl, and bash:

npm run build

Downloads the source Noto Color Emoji TTF and subsets it with pyftsubset from fonttools.

License

The font is derived from Noto Color Emoji by Google, licensed under the SIL Open Font License 1.1.