React

Typed, tree-shakeable React components. Dual ESM + CJS. React 17+.

pnpm add @fluentui-emoji/react

Usage

import {Rocket, PartyPopper} from '@fluentui-emoji/react/flat';
import {Fire} from '@fluentui-emoji/react/modern';

<Rocket width={40} />              // decorative: aria-hidden
<Fire width={40} title="Fire!" />  // accessible: role="img" + aria-label

Entry points

• Barrel per style (tree-shakeable): @fluentui-emoji/react/flat, /high-contrast, /modern
• Single icon (no barrel at all): @fluentui-emoji/react/flat/rocket

Component names are the PascalCased slug; slugs starting with a digit get an Emoji prefix (1st-place-medal → Emoji1stPlaceMedal). Every component forwards its ref and accepts all SVGProps<SVGSVGElement>.