---
title: "Fluent UI Emoji - Microsoft Emoji for Every Stack"
author: "Mohammad Abu Mattar"
canonical: https://mkabumattar.com/projects/fluent-ui-emoji---microsoft-emoji-for-every-stack
---

[cd ../projects](/projects)

# Fluent UI Emoji - Microsoft Emoji for Every Stack

Microsoft Fluent UI Emoji packaged as 16 npm packages under one scope: raw SVG, React, Preact, Vue, Solid, Svelte, Astro, Angular, Lit, Web Components, Alpine.js, htmx, React Native, Qwik, Iconify collections, and SVG sprites. A weekly pipeline syncs microsoft/fluentui-emoji and releases every package automatically. Supersedes the archived fluentui-emoji and react-fluentui-emoji packages.

8 tech·6 features· live

## // key features

-   16 typed, tree-shakeable packages generated from one optimized SVG source
-   3,145 emojis in flat, high-contrast, and modern sets, including skin-tone variants
-   High-contrast set inherits CSS color via currentColor
-   Fully automated releases: canary on every merge, beta channel, latest via Changesets
-   Versioned docs with a full-width searchable gallery and 17 per-framework snippet tabs
-   Weekly upstream sync ships new Microsoft emoji with zero manual steps

## // stack

TypeScriptSVGReactVueSvelteAstroJSNPMGitHub Actions

## // links

[Explore Fluent UI Emoji](https://fluentui-emoji.mkabumattar.com/)[

Docs & Gallery](https://fluentui-emoji.mkabumattar.com/)[View Source](https://github.com/MKAbuMattar/fluentui-emoji)[

All Packages (@fluentui-emoji)](https://www.npmjs.com/org/fluentui-emoji)

## // discussion

[next projectigntui - .gitignore Generator TUI](/projects/igntui---gitignore-generator-tui)